zj-plugin-intelligent 1.2.5-beta.3 → 1.2.5-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3252,7 +3252,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3252
3252
|
/*! no static exports found */
|
|
3253
3253
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3254
3254
|
|
|
3255
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.chat-layout[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n background: #fff;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\\n}\\r\\n\\r\\n/* ── Sidebar ── */\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: 300px;\\r\\n min-width: 300px;\\r\\n background: #fff;\\r\\n border-right: 1px solid #e8e8e8;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\n}\\n.sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 14px 8px 14px 16px;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\n}\\n.sidebar-header i[data-v-bf6d760c]{\\r\\n font-size: 20px;\\r\\n cursor: pointer;\\n}\\n.sidebar-header img[data-v-bf6d760c]{\\r\\n cursor: pointer;\\n}\\n.sidebar-title[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\n}\\n.sidebar-search[data-v-bf6d760c] {\\r\\n padding: 8px 16px;\\r\\n flex-shrink: 0;\\r\\n position: relative;\\r\\n z-index: 20;\\n}\\n.sidebar-search .search-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n position: relative;\\n}\\n.sidebar-search .search-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n flex-shrink: 0;\\r\\n pointer-events: none;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 32px;\\r\\n border-radius: 16px;\\r\\n background: #f5f5f5;\\r\\n border: 1px solid transparent;\\r\\n font-size: 13px;\\r\\n padding: 0 32px 0 34px;\\r\\n outline: none;\\r\\n box-sizing: border-box;\\r\\n transition: all 0.2s;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c]:focus {\\r\\n background: #fff;\\r\\n border: 1px solid #1677ff;\\n}\\n.sidebar-search .search-clear[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.search-suggestions[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n left: 16px;\\r\\n right: 16px;\\r\\n background: #fff;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\\r\\n z-index: 100;\\r\\n max-height: 240px;\\r\\n overflow-y: auto;\\r\\n margin-top: 4px;\\n}\\n.suggestion-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n padding: 10px 12px;\\r\\n cursor: pointer;\\r\\n transition: background 0.15s;\\n}\\n.suggestion-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n border-radius: 6px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.suggestion-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n white-space: nowrap;\\n}\\n.suggestion-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.session-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n padding: 6px 16px;\\r\\n /* 顶部留白，匹配UI顶部空隙 */\\r\\n padding-bottom: 10px;\\r\\n cursor: pointer;\\r\\n border-bottom: 1px solid #f5f5f5;\\r\\n transition: background 0.15s;\\r\\n position: relative;\\r\\n gap: 10px;\\r\\n border-radius: 4px;\\n}\\n.session-left-item[data-v-bf6d760c]{\\r\\n margin-left: 5px;\\n}\\n.session-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.session-item.active[data-v-bf6d760c] {\\r\\n background: #F5F5F5\\n}\\n.session-avatar[data-v-bf6d760c] {\\r\\n width: 44px!important;\\r\\n height: 44px!important;\\r\\n /* UI是圆形头像，把8px圆角改成50% */\\r\\n border-radius: 50%!important;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px!important;\\r\\n font-weight: 600;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n overflow: hidden; /* 裁切图片，保证圆形 */\\n}\\r\\n/* 头像图片样式，居中完整展示，四周露出底色 */\\n.avatar-pic[data-v-bf6d760c] {\\r\\n width: 85%;\\r\\n height: 85%;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\n}\\n.session-info[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\n}\\n.session-agent[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n margin-bottom: 2px;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-preview[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n flex-shrink: 0;\\r\\n margin-left: 8px;\\r\\n margin-right: 4px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 4px;\\r\\n top: 20px;\\r\\n transform: translateY(-50%);\\r\\n opacity: 0;\\r\\n transition: opacity 0.15s;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border: none;\\r\\n background: transparent;\\r\\n padding: 0;\\r\\n color: #333;\\r\\n cursor: pointer;\\n}\\n.session-delete svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\n.session-item:hover .session-delete[data-v-bf6d760c] {\\r\\n opacity: 1;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.sidebar-empty[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #bbb;\\r\\n font-size: 14px;\\r\\n padding-bottom: 40px;\\n}\\n.empty-icon[data-v-bf6d760c] {\\r\\n font-size: 36px;\\r\\n margin-bottom: 8px;\\n}\\n.empty-hint[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #d9d9d9;\\r\\n margin-top: 4px;\\n}\\r\\n/* ── Main ── */\\n.chat-main[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n min-width: 0;\\n}\\r\\n\\r\\n/* ── Header ── */\\n.chat-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 10px 20px;\\r\\n background: #fff;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\r\\n z-index: 10;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n min-width: 0;\\n}\\n.agent-info[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\n}\\n.agent-icon[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 8px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\r\\n/* 和左侧会话头像保持 4 色循环背景 */\\n.agent-info:nth-child(4n + 2) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\n}\\n.agent-info:nth-child(4n + 3) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #fa8c16, #ffa940);\\n}\\n.agent-info:nth-child(4n + 4) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #722ed1, #b37feb);\\n}\\n.agent-text[data-v-bf6d760c] {\\r\\n min-width: 0;\\n}\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1.3;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\r\\n max-width: 300px;\\n}\\n.header-right[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.manage-link[data-v-bf6d760c] {\\r\\n font-size: 13px;\\r\\n color: #1677ff;\\r\\n text-decoration: none;\\n}\\n.manage-link[data-v-bf6d760c]:hover {\\r\\n color: #4096ff;\\n}\\r\\n\\r\\n/* ── Chat Body ── */\\n.chat-body[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 16px 40px;\\r\\n scroll-behavior: auto;\\r\\n position: relative; /* 👈 就加这一行！！ */\\r\\n -webkit-overflow-scrolling: touch;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/agentbackground.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\n}\\n.welcome[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n color: #bbb;\\r\\n margin: 0 -20px;\\n}\\n.welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 12px;\\r\\n opacity: 0.7;\\n}\\n.welcome-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\n}\\n.welcome-default .welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 16px;\\n}\\n.welcome-title[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n margin-bottom: 8px;\\n}\\r\\n\\r\\n/* ── Message Row ── */\\n.msg-row[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n padding: 20px 16px;\\r\\n box-sizing: border-box;\\r\\n align-items: center;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n max-width: 85%;\\r\\n /* 最大内容宽度限制，避免超宽 */\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-row.assistant[data-v-bf6d760c] {\\r\\n justify-content: center;\\n}\\n.load-more[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n padding: 4px 0;\\n}\\n.msg-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n margin-top: 2px;\\r\\n padding-left: 4px;\\n}\\n.msg-row.user .msg-time[data-v-bf6d760c] {\\r\\n text-align: right;\\r\\n padding-right: 4px;\\n}\\n.msg-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 4px;\\r\\n margin-top: 4px;\\r\\n padding-left: 4px;\\n}\\n.action-btn[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n cursor: pointer;\\r\\n padding: 2px 6px 2px 0;\\r\\n border-radius: 4px;\\r\\n transition: all 0.2s;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.action-btn[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\r\\n background: #f0f5ff;\\n}\\r\\n\\r\\n/* ── STT 语音转文字状态 ── */\\n.stt-status-block[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n font-size: 14px;\\r\\n line-height: 1.5;\\n}\\r\\n/* ── STT 状态（图标紧贴气泡左侧，文字在气泡内） ── */\\n.stt-bubble-wrap[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\n}\\n.stt-outside-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 100%;\\r\\n top: 50%;\\r\\n margin-top: -9px;\\r\\n margin-right: 20px;\\n}\\n.stt-spinner[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n border: 2.5px solid #d9d9d9;\\r\\n border-top-color: #1677ff;\\r\\n border-right-color: #4096ff;\\r\\n border-radius: 50%;\\r\\n animation: stt-spin-bf6d760c 0.6s linear infinite;\\r\\n flex-shrink: 0;\\r\\n box-sizing: border-box;\\n}\\n@keyframes stt-spin-bf6d760c {\\nto { transform: rotate(360deg);\\n}\\n}\\n.stt-error-icon[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n font-size: 12px;\\r\\n font-weight: 700;\\r\\n border-radius: 50%;\\r\\n line-height: 1;\\r\\n flex-shrink: 0;\\n}\\n.stt-bubble-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\r\\n color: #fff;\\r\\n white-space: nowrap;\\r\\n margin: 6px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n gap: 10px;\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-avatar[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 700;\\r\\n flex-shrink: 0;\\r\\n color: #fff;\\n}\\n.msg-avatar.user[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\n}\\n.msg-avatar.assistant[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\r\\n color: #fff;\\n}\\n.msg-agent-label[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n margin-bottom: 2px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 800px;\\r\\n box-sizing: border-box;\\r\\n overflow: hidden;\\n}\\r\\n\\r\\n/* ── Bubble ── */\\n.bubble[data-v-bf6d760c] {\\r\\n max-width: 100%;\\r\\n min-width: 30px;\\r\\n width: -moz-fit-content;\\r\\n width: fit-content;\\r\\n padding: 8px 14px;\\r\\n border-radius: 12px;\\r\\n line-height: 1.4;\\r\\n font-size: 15px;\\r\\n word-break: break-word;\\r\\n white-space: normal;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c]:has(.typing) {\\r\\n padding: 16px 20px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border-bottom-right-radius: 4px;\\r\\n box-shadow: 0 2px 8px rgba(22, 119, 255, 0.15);\\r\\n float: right;\\n}\\n.bubble.assistant[data-v-bf6d760c] {\\r\\n background: #fff;\\r\\n color: #333;\\r\\n border-bottom-left-radius: 4px;\\r\\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);\\r\\n text-align: left;\\r\\n width: 100%;\\r\\n box-sizing: border-box;\\n}\\n.bubble[data-v-bf6d760c] table {\\r\\n border-collapse: collapse;\\r\\n width: 100%;\\r\\n margin: 6px 0;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] th,\\r\\n.bubble[data-v-bf6d760c] td {\\r\\n border: 1px solid #e8e8e8;\\r\\n padding: 5px 8px;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c] th {\\r\\n background: #fafafa;\\r\\n font-weight: 600;\\n}\\n.bubble[data-v-bf6d760c] code {\\r\\n /* background: #f0f2f5; */\\r\\n padding: 1px 5px;\\r\\n border-radius: 3px;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] pre {\\r\\n background: #f6f8fa;\\r\\n color: #333;\\r\\n padding: 12px;\\r\\n border-radius: 6px;\\r\\n overflow-x: auto;\\r\\n font-size: 13px;\\r\\n border: 1px solid #e8e8e8;\\r\\n margin: 8px 0;\\r\\n line-height: 1.5;\\r\\n white-space: pre;\\n}\\n.bubble[data-v-bf6d760c] ul,\\r\\n.bubble[data-v-bf6d760c] ol {\\r\\n padding-left: 20px;\\r\\n margin: 4px 0;\\n}\\n.bubble[data-v-bf6d760c] li {\\r\\n margin: 2px 0;\\n}\\n.bubble[data-v-bf6d760c] p{\\r\\n margin: 6px 0;\\n}\\r\\n\\r\\n/* ── Thinking ── */\\n.thinking-details[data-v-bf6d760c] {\\r\\n margin-bottom: 10px;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n overflow: hidden;\\r\\n background: #fafafa;\\n}\\n.thinking-summary[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #888;\\r\\n cursor: pointer;\\r\\n padding: 6px 10px;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.thinking-summary[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\n}\\n.thinking-body[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n padding: 8px 12px;\\r\\n line-height: 1.6;\\r\\n border-top: 1px solid #f0f0f0;\\r\\n text-align: left;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-word;\\r\\n /* 兼容中英文混合断行优化 */\\r\\n overflow-wrap: break-word;\\n}\\n.final-content[data-v-bf6d760c]{\\r\\n /* white-space: pre-wrap; */\\r\\n word-break: break-word;\\r\\n overflow-wrap: break-word;\\n}\\n.thinking-body[data-v-bf6d760c] p {\\r\\n margin: 4px 0;\\n}\\r\\n\\r\\n/* ── Typing ── */\\n.typing[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n min-height: 24px;\\r\\n justify-content: flex-start;\\r\\n padding: 4px 0;\\n}\\n.typing .phrase[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #888;\\r\\n white-space: nowrap;\\r\\n animation: phraseFade-bf6d760c 0.5s ease;\\r\\n letter-spacing: 0.5px;\\n}\\n.typing .dots[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 5px;\\r\\n align-items: center;\\r\\n justify-content: center;\\n}\\n.typing .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n background: #bbb;\\r\\n border-radius: 50%;\\r\\n animation: dtTyping-bf6d760c 1.3s infinite ease-in-out;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(2) {\\r\\n animation-delay: 0.16s;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(3) {\\r\\n animation-delay: 0.32s;\\n}\\n@keyframes phraseFade-bf6d760c {\\nfrom {\\r\\n opacity: 0.2;\\r\\n transform: translateY(4px);\\n}\\nto {\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\n}\\n}\\n@keyframes dtTyping-bf6d760c {\\n0%,\\r\\n 60%,\\r\\n 100% {\\r\\n transform: translateY(0);\\r\\n opacity: 0.3;\\n}\\n30% {\\r\\n transform: translateY(-5px);\\r\\n opacity: 1;\\n}\\n}\\r\\n\\r\\n/* ── Scroll Buttons ── */\\n.scroll-btns[data-v-bf6d760c] {\\r\\n position: sticky;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: 20px;\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n margin-top: 10px;\\r\\n pointer-events: none;\\n}\\n.scroll-btn[data-v-bf6d760c] {\\r\\n pointer-events: auto;\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\n}\\n.scroll-btn i[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n color: #333;\\n}\\r\\n/* ── Wait Timer ── */\\n.typing.wait-5 .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n animation-duration: 1s;\\n}\\n.typing.wait-5 .phrase[data-v-bf6d760c] {\\r\\n color: #888;\\n}\\n.typing.wait-10 .dots span[data-v-bf6d760c] {\\r\\n width: 9px;\\r\\n height: 9px;\\r\\n animation-duration: 0.8s;\\r\\n background: #909399;\\n}\\n.typing.wait-10 .phrase[data-v-bf6d760c] {\\r\\n color: #909399;\\n}\\n.typing.wait-10 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 1s infinite ease-in-out;\\n}\\n.typing.wait-15 .dots span[data-v-bf6d760c] {\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n animation-duration: 0.6s;\\r\\n background: #1677ff;\\n}\\n.typing.wait-15 .phrase[data-v-bf6d760c] {\\r\\n color: #1677ff;\\n}\\n.typing.wait-15 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 0.6s infinite ease-in-out;\\n}\\n@keyframes dtPulse-bf6d760c {\\n0%,\\r\\n 100% {\\r\\n transform: scale(1);\\n}\\n50% {\\r\\n transform: scale(1.05);\\n}\\n}\\n.tool-calls[data-v-bf6d760c] {\\r\\n margin-top: 8px;\\n}\\n.tool-item[data-v-bf6d760c] {\\r\\n background: #f5f5f5;\\r\\n border-radius: 6px;\\r\\n padding: 6px 10px;\\r\\n margin-bottom: 4px;\\r\\n font-size: 12px;\\n}\\n.tool-badge[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n margin-bottom: 2px;\\r\\n font-size: 11px;\\r\\n color: #fa8c16;\\r\\n font-weight: 500;\\n}\\n.tool-item pre[data-v-bf6d760c] {\\r\\n margin: 0;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-all;\\r\\n font-size: 12px;\\r\\n color: #666;\\r\\n max-height: 120px;\\r\\n overflow-y: auto;\\n}\\r\\n\\r\\n/* ── Footer ── */\\n.chat-footer[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\r\\n border-top: none;\\r\\n padding: 30px 0;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: flex-end;\\r\\n gap: 6px;\\r\\n background: #fff;\\r\\n border-radius: 24px;\\r\\n /* 左右留白，实现居中效果，和截图边距一致 */\\r\\n margin: 0 24px;\\r\\n padding: 18px 20px;\\r\\n border: 1px solid #b3d8ff;\\r\\n transition: border-color 0.2s;\\r\\n flex-wrap: wrap;\\r\\n width: 1000px;\\n}\\r\\n/* 原有悬浮滚动按钮逻辑完全保留不动 */\\n.scroll-bottom-wrap[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: calc(100% + 30px);\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n pointer-events: none;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n border: 1px solid #e5e7eb;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n pointer-events: auto;\\r\\n position: relative;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #4e5969;\\n}\\r\\n/* 加载转圈动画原样保留 */\\n.loading-circle[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 3px;\\r\\n border-radius: 50%;\\r\\n border: 1.5px solid transparent;\\r\\n border-top: 1.5px solid #1677ff;\\r\\n animation: circle-spin-bf6d760c 1.5s linear infinite;\\n}\\n@keyframes circle-spin-bf6d760c {\\nfrom {\\r\\n transform: rotate(0deg);\\n}\\nto {\\r\\n transform: rotate(360deg);\\n}\\n}\\r\\n/* 聚焦仅变色，取消阴影 */\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: #1677ff;\\r\\n background: #fff;\\r\\n box-shadow: none;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n border: none;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n resize: none;\\r\\n font-size: 16px;\\r\\n line-height: 24px;\\r\\n min-height: 38px;\\r\\n height: 100px;\\r\\n max-height: 100px;\\r\\n overflow-y: auto;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: inherit;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\r\\n/* 发送按钮 纯蓝色矩形，隐藏svg图标，显示文字发送 */\\n.send-btn[data-v-bf6d760c] {\\r\\n width: auto;\\r\\n height: 40px;\\r\\n padding: 0 21px;\\r\\n border-radius: 6px;\\r\\n border: none;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n font-size: 14px;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: \\\"发送\\\";\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn.active[data-v-bf6d760c]:hover {\\r\\n background: #4096ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n border-radius: 50%;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\n}\\n.stop-btn[data-v-bf6d760c]:hover {\\r\\n background: #ff7875;\\n}\\r\\n/* 右下角提示文字，精准定位在按钮左侧，和截图位置完全对齐 */\\n.input-area[data-v-bf6d760c]::after {\\r\\n content: \\\"Enter 发送，Ctrl+Enter 换行\\\";\\r\\n position: absolute;\\r\\n right: 100px;\\r\\n bottom: 28px;\\r\\n font-size: 14px;\\r\\n color: #8c8c8c;\\r\\n pointer-events: none;\\n}\\r\\n/* 滚动到底部按钮样式 */\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #ffffff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n transition: all 0.2s ease;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c]:hover {\\r\\n transform: scale(1.1);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\r\\n\\r\\n\\r\\n/* 外层页面容器 对应box_9区域 */\\n.agent-select-page[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n /* 内部全部居中 */\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应，居中 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 1200px;\\n}\\r\\n\\r\\n/* 标题区域居中 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 28px!important;\\r\\n color: #000;\\r\\n font-weight: 500!important;\\r\\n font-family: PingFangSC-Medium;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 智能助手列表：一行2个自适应等分，自动换行 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片基础样式，无固定宽度，自适应网格列宽 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n padding: 20px 20px 19px 116px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\\n}\\r\\n\\r\\n/* 上浮头像容器 */\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 3px;\\r\\n top: -36px;\\n}\\r\\n\\r\\n/* 头像默认样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\n}\\r\\n/* 有头像图片：大尺寸 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 97px;\\r\\n height: 126px;\\r\\n background-size: cover;\\n}\\r\\n/* 无头像文字首字母：小尺寸，偏移适配 */\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 76px;\\r\\n height: 108px;\\r\\n transform: translateX(9px);\\n}\\r\\n\\r\\n/* 文字内容区 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\n}\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-family: PingFangSC-Medium;\\r\\n color: #000;\\r\\n line-height: 22px;\\r\\n margin-bottom: 8px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-family: PingFangSC-Regular;\\r\\n color: #666;\\r\\n line-height: 21px;\\r\\n /* 核心三行单行省略，文字超出自动... */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\r\\n /* 关键：继承父容器宽度，不会超出父盒子 */\\r\\n width: 100%;\\r\\n display: block;\\n}\\r\\n/* 响应式适配：小屏幕自动变为单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 60px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\r\\n\\r\\n\\r\\n/* ── 聊天空白欢迎页（匹配蓝湖移动端聊天首页） ── */\\n.chat-empty-welcome[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 40px 20px;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 0px;\\r\\n max-width: 600px;\\r\\n margin: 80px auto;\\n}\\r\\n\\r\\n/* 顶部渐变欢迎卡片 */\\n.welcome-card[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n background: linear-gradient(296deg, #D6EDFF 20%, #E8EBFF 80%);\\r\\nborder-radius: 16px 16px 0px 0px;\\r\\n padding: 24px 24px 24px 150px;\\r\\n overflow: visible;\\n}\\r\\n/* 左侧探出头像容器 */\\n.welcome-avatar-box[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 15px;\\r\\n bottom: 0px;\\r\\n width: 110px;\\r\\n height: 137px;\\n}\\n.welcome-avatar[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n border-radius: 12px;\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 20px;\\r\\n color: #fff;\\r\\n font-weight: 600;\\n}\\n.welcome-avatar.has-chat-agent-img[data-v-bf6d760c] {\\r\\n background: transparent;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\n}\\n.welcome-text-group[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 6px;\\n}\\n.welcome-text-group .text-sm[data-v-bf6d760c] {\\r\\nfont-weight: 400;font-size: 12px;color: #666666;\\r\\ntext-align: left;\\r\\nfont-style: normal;\\n}\\n.welcome-text-group .text-lg[data-v-bf6d760c] {\\r\\n \\r\\n font-weight: 500;\\r\\nfont-size: 16px;\\r\\ncolor: #000000;\\n}\\r\\n\\r\\n/* 猜你想问容器 */\\n.guess-box[data-v-bf6d760c] {\\r\\n border-top: 1px solid #fff;\\r\\n background: linear-gradient(180deg, #B8DCFF 0%, #DFF0FF 50%, #FFFFFF 100%);\\r\\n border-radius: 0 0 16px 16px;\\r\\n padding: 20px;\\n}\\n.guess-title[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #222;\\r\\n margin-bottom: 16px;\\n}\\n.tag-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 10px;\\n}\\n.quick-tag[data-v-bf6d760c] {\\r\\n padding: 8px 14px;\\r\\n background: #F2FAFF;\\r\\n border-radius: 8px;\\r\\n font-size: 14px;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n border: 1px solid #e0eaff;\\r\\n transition: all 0.2s;\\r\\n white-space: nowrap;\\n}\\r\\n/* .quick-tag:hover {\\r\\n background: #f0f7ff;\\r\\n border-color: #1677ff;\\r\\n} */\\n.chat-agent-avatar-wrapper div[data-v-bf6d760c]{\\r\\n width: 44px;\\r\\n height: 44px;\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* 外层大容器，本地渐变背景铺满全屏，内部全部居中 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n min-height: 100%;\\r\\n padding: 80px 20px;\\r\\n /* 本地背景图铺满 */\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应居中，无固定宽 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 920px;\\n}\\r\\n\\r\\n/* 标题样式，居中、字号、间距匹配效果图 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 26px;\\r\\n color: #222;\\r\\n font-weight: 500;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 卡片网格：一行2等分，行列间距对齐效果图 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片核心样式：圆角、内边距、相对定位，无固定宽度 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n /* 左侧留出头像位置，文字靠右内缩 */\\r\\n padding: 22px 20px 20px 110px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.25s ease;\\r\\n /* 轻微柔和阴影，和效果图一致 */\\r\\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\\n}\\r\\n\\r\\n\\r\\n/* 头像本体通用样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\r\\n /* 效果图统一卡通头像尺寸 */\\r\\n width: 92px;\\r\\n height: 106px;\\n}\\r\\n/* 有头像图片完整展示，不裁切 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n background-size: cover;\\n}\\r\\n\\r\\n/* 文字区域垂直排列 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n max-width: 300px;\\r\\n flex-shrink: 0; /* 如果是flex布局，禁止自身被压缩 */\\n}\\r\\n/* 助手名称 */\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #111;\\r\\n line-height: 22px;\\r\\n margin-bottom: 6px;\\n}\\r\\n/* 描述文本 */\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n line-height: 20px;\\r\\n /* 超长描述单行省略 */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\n}\\r\\n\\r\\n/* 移动端适配：小屏幕自动单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 40px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\n.chat-layout[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n min-height: 0;\\r\\n overflow: hidden;\\n}\\n.sidebar-mask[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: rgba(15, 23, 42, 0.28);\\r\\n z-index: 29;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px !important;\\r\\n height: 28px !important;\\r\\n border-radius: 8px !important;\\r\\n font-size: 12px !important;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.chat-main[data-v-bf6d760c],\\r\\n.chat-body[data-v-bf6d760c] {\\r\\n min-height: 0;\\n}\\n.header-left[data-v-bf6d760c],\\r\\n.header-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\r\\n gap: 10px;\\n}\\n.header-actions[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n.mobile-back-btn[data-v-bf6d760c],\\r\\n.mobile-header-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: #f5f7fa;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn i[data-v-bf6d760c],\\r\\n.mobile-back-btn i[data-v-bf6d760c],\\r\\n.mobile-header-btn i[data-v-bf6d760c] {\\r\\n font-size: 18px;\\n}\\n.mobile-back-btn i[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: min(300px, 32vw);\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 16px clamp(12px, 3vw, 40px);\\r\\n background-position: center;\\r\\n background-size: cover;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: min(300px, 45vw);\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 18px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: min(100%, 860px) !important;\\r\\n max-width: 860px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n float: none;\\r\\n margin-left: auto;\\r\\n max-width: min(100%, 520px);\\n}\\n.final-content[data-v-bf6d760c],\\r\\n.thinking-body[data-v-bf6d760c],\\r\\n.bubble[data-v-bf6d760c] {\\r\\n overflow-wrap: anywhere;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 24px 0;\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: min(100%, 1000px) !important;\\r\\n box-sizing: border-box;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1 1 320px;\\r\\n min-width: 0;\\n}\\n@media screen and (max-width: 768px) {\\n.chat-layout.is-mobile[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100dvh;\\n}\\r\\n\\r\\n /* agent-selector H5 顶部栏 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 0 !important;\\n}\\n.agent-selector .agent-wrap[data-v-bf6d760c] {\\r\\n padding: 40px 16px 0;\\r\\n box-sizing: border-box;\\n}\\n.mobile-agent-select-header[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n padding: 10px 0;\\r\\n min-height: 44px;\\n}\\n.mobile-agent-select-header .mobile-agent-back[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 4px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n background: transparent;\\r\\n border: none;\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n padding: 0;\\r\\n color: #333;\\n}\\n.mobile-agent-select-header .mobile-agent-back i[data-v-bf6d760c] {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\n}\\n.mobile-agent-select-header .mobile-agent-title-text[data-v-bf6d760c] {\\r\\n font-size: 17px;\\r\\n font-weight: 500;\\r\\n color: #000;\\n}\\n.agent-selector .agent-title[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* H5列表模式：侧边栏全屏展示 */\\n.chat-layout.h5-list-mode .chat-sidebar[data-v-bf6d760c] {\\r\\n position: relative !important;\\r\\n width: 100% !important;\\r\\n max-width: 100% !important;\\r\\n min-width: 100% !important;\\r\\n height: 100%;\\r\\n transform: translateX(0) !important;\\r\\n box-shadow: none !important;\\r\\n border-right: none;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 14px 16px;\\r\\n position: relative;\\n}\\n.sidebar-back-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: transparent;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n position: absolute;\\r\\n left: 8px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n padding: 0;\\n}\\n.sidebar-back-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header img[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 16px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\r\\n cursor: pointer;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0 auto 0 0;\\r\\n width: min(82vw, 320px);\\r\\n min-width: auto;\\r\\n max-width: 320px;\\r\\n height: 100%;\\r\\n border-right: none;\\r\\n box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);\\r\\n transform: translateX(-100%);\\r\\n transition: transform 0.24s ease;\\n}\\n.chat-sidebar.open[data-v-bf6d760c] {\\r\\n transform: translateX(0);\\n}\\n.chat-header[data-v-bf6d760c] {\\r\\n padding: 10px 12px;\\r\\n background: transparent;\\r\\n border-bottom: none;\\n}\\n.chat-header .chat-agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .agent-desc[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n justify-content: center;\\r\\n position: relative;\\n}\\n.chat-header .header-left .mobile-back-btn[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n background: transparent;\\n}\\n.chat-header .header-actions .mobile-header-btn[data-v-bf6d760c] {\\r\\n background: transparent;\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 12px;\\r\\n background-position: center top;\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 12px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n max-width: 88%;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: calc(100% - 24px) !important;\\r\\n margin: 0 12px;\\r\\n padding: 6px 6px 6px 4px;\\r\\n border-radius: 24px;\\r\\n border: none;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\r\\n flex-wrap: nowrap;\\r\\n align-items: center;\\n}\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: transparent;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\n}\\n.input-area[data-v-bf6d760c]::after {\\r\\n display: none;\\n}\\n.voice-btn[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n border: none;\\r\\n background: transparent;\\r\\n border-radius: 50%;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: background 0.2s;\\r\\n padding: 0;\\n}\\n.voice-btn[data-v-bf6d760c]:active {\\r\\n background: rgba(0,0,0,0.05);\\n}\\n.voice-btn[data-v-bf6d760c]:disabled {\\r\\n opacity: 0.4;\\r\\n cursor: not-allowed;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n flex-basis: 0;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n max-height: 100px;\\r\\n font-size: 15px;\\r\\n background: #EBEBEB;\\r\\n border-radius: 18px;\\r\\n padding: 0 14px;\\r\\n line-height: 36px;\\r\\n margin: 0 4px;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.send-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n padding: 0;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: none;\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.send-btn[data-v-bf6d760c]:active {\\r\\n transform: scale(0.92);\\n}\\r\\n\\r\\n /* 移动端停止按钮 */\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 28px 12px;\\n}\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 52px 0;\\n}\\n.agent-item[data-v-bf6d760c] {\\r\\n height: auto;\\r\\n min-height: 84px;\\r\\n padding: 18px 16px 18px 96px;\\n}\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n left: 8px;\\r\\n top: -18px;\\n}\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 74px;\\r\\n height: 88px;\\n}\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 62px;\\r\\n height: 78px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n white-space: normal;\\r\\n display: -webkit-box;\\r\\n -webkit-line-clamp: 2;\\r\\n -webkit-box-orient: vertical;\\n}\\n.guess-box[data-v-bf6d760c] {\\r\\n padding: 16px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* ── H5 语音模式 ── */\\n.hold-talk-btn[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 6px;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n margin: 0 4px;\\r\\n border-radius: 18px;\\r\\n background: #EBEBEB;\\r\\n border: none;\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n cursor: pointer;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\r\\n -webkit-user-select: none;\\r\\n transition: background 0.15s;\\n}\\n.hold-talk-btn[data-v-bf6d760c]:active {\\r\\n background: #ddd;\\n}\\n.hold-talk-btn.recording[data-v-bf6d760c] {\\r\\n background: #e8f0fe;\\r\\n color: #333;\\n}\\n.hold-talk-btn .hold-talk-icon[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\r\\n\\r\\n /* 语音录制浮层 */\\n.voice-recording-overlay[data-v-bf6d760c] {\\r\\n position: fixed;\\r\\n left: 0;\\r\\n right: 0;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: rgba(0,0,0,0.35);\\r\\n animation: fadeIn-bf6d760c 0.15s ease;\\n}\\n.voice-recording-card[data-v-bf6d760c] {\\r\\n width: 200px;\\r\\n padding: 32px 24px 24px;\\r\\n background: #fff;\\r\\n border-radius: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n gap: 16px;\\r\\n box-shadow: 0 8px 32px rgba(0,0,0,0.15);\\n}\\n.voice-recording-wave[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n height: 40px;\\n}\\n.voice-recording-wave span[data-v-bf6d760c] {\\r\\n width: 4px;\\r\\n background: #1677ff;\\r\\n border-radius: 2px;\\r\\n animation: waveAnim-bf6d760c 0.6s ease-in-out infinite alternate;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(1) { height: 16px; animation-delay: 0s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(2) { height: 28px; animation-delay: 0.1s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(3) { height: 40px; animation-delay: 0.2s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(4) { height: 28px; animation-delay: 0.3s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(5) { height: 16px; animation-delay: 0.4s;\\n}\\n@keyframes waveAnim-bf6d760c {\\n0% { transform: scaleY(0.6);\\n}\\n100% { transform: scaleY(1);\\n}\\n}\\n.voice-recording-duration[data-v-bf6d760c] {\\r\\n font-size: 32px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1;\\n}\\n.voice-recording-duration .unit[data-v-bf6d760c] {\\r\\n font-size: 18px;\\r\\n font-weight: 400;\\r\\n color: #999;\\r\\n margin-left: 2px;\\n}\\n.voice-recording-hint[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n font-size: 13px;\\r\\n color: #999;\\n}\\n.voice-recording-hint.cancel[data-v-bf6d760c] {\\r\\n color: #ff4d4f;\\n}\\n@keyframes fadeIn-bf6d760c {\\nfrom { opacity: 0;\\n}\\nto { opacity: 1;\\n}\\n}\\n}\\n@media screen and (max-width: 480px) {\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: calc(100vw - 132px);\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n .mobile-header-btn[data-v-bf6d760c] {\\r\\n width: 32px;\\r\\n height: 32px;\\n}\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--7-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
3255
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.chat-layout[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n background: #fff;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\\n}\\r\\n\\r\\n/* ── Sidebar ── */\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: 300px;\\r\\n min-width: 300px;\\r\\n background: #fff;\\r\\n border-right: 1px solid #e8e8e8;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\n}\\n.sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 14px 8px 14px 16px;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\n}\\n.sidebar-header i[data-v-bf6d760c]{\\r\\n font-size: 20px;\\r\\n cursor: pointer;\\n}\\n.sidebar-header img[data-v-bf6d760c]{\\r\\n cursor: pointer;\\n}\\n.sidebar-title[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\n}\\n.sidebar-search[data-v-bf6d760c] {\\r\\n padding: 8px 16px;\\r\\n flex-shrink: 0;\\r\\n position: relative;\\r\\n z-index: 20;\\n}\\n.sidebar-search .search-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n position: relative;\\n}\\n.sidebar-search .search-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n flex-shrink: 0;\\r\\n pointer-events: none;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 32px;\\r\\n border-radius: 16px;\\r\\n background: #f5f5f5;\\r\\n border: 1px solid transparent;\\r\\n font-size: 13px;\\r\\n padding: 0 32px 0 34px;\\r\\n outline: none;\\r\\n box-sizing: border-box;\\r\\n transition: all 0.2s;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c]:focus {\\r\\n background: #fff;\\r\\n border: 1px solid #1677ff;\\n}\\n.sidebar-search .search-clear[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.search-suggestions[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n left: 16px;\\r\\n right: 16px;\\r\\n background: #fff;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\\r\\n z-index: 100;\\r\\n max-height: 240px;\\r\\n overflow-y: auto;\\r\\n margin-top: 4px;\\n}\\n.suggestion-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n padding: 10px 12px;\\r\\n cursor: pointer;\\r\\n transition: background 0.15s;\\n}\\n.suggestion-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n border-radius: 6px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.suggestion-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n white-space: nowrap;\\n}\\n.suggestion-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.session-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n padding: 6px 16px;\\r\\n /* 顶部留白，匹配UI顶部空隙 */\\r\\n padding-bottom: 10px;\\r\\n cursor: pointer;\\r\\n border-bottom: 1px solid #f5f5f5;\\r\\n transition: background 0.15s;\\r\\n position: relative;\\r\\n gap: 10px;\\r\\n border-radius: 4px;\\n}\\n.session-left-item[data-v-bf6d760c]{\\r\\n margin-left: 5px;\\n}\\n.session-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.session-item.active[data-v-bf6d760c] {\\r\\n background: #F5F5F5\\n}\\n.session-avatar[data-v-bf6d760c] {\\r\\n width: 44px!important;\\r\\n height: 44px!important;\\r\\n /* UI是圆形头像，把8px圆角改成50% */\\r\\n border-radius: 50%!important;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px!important;\\r\\n font-weight: 600;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n overflow: hidden; /* 裁切图片，保证圆形 */\\n}\\r\\n/* 头像图片样式，居中完整展示，四周露出底色 */\\n.avatar-pic[data-v-bf6d760c] {\\r\\n width: 85%;\\r\\n height: 85%;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\n}\\n.session-info[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\n}\\n.session-agent[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n margin-bottom: 2px;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-preview[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n flex-shrink: 0;\\r\\n margin-left: 8px;\\r\\n margin-right: 4px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 4px;\\r\\n top: 20px;\\r\\n transform: translateY(-50%);\\r\\n opacity: 0;\\r\\n transition: opacity 0.15s;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border: none;\\r\\n background: transparent;\\r\\n padding: 0;\\r\\n color: #333;\\r\\n cursor: pointer;\\n}\\n.session-delete svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\n.session-item:hover .session-delete[data-v-bf6d760c] {\\r\\n opacity: 1;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.sidebar-empty[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #bbb;\\r\\n font-size: 14px;\\r\\n padding-bottom: 40px;\\n}\\n.empty-icon[data-v-bf6d760c] {\\r\\n font-size: 36px;\\r\\n margin-bottom: 8px;\\n}\\n.empty-hint[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #d9d9d9;\\r\\n margin-top: 4px;\\n}\\r\\n/* ── Main ── */\\n.chat-main[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n min-width: 0;\\n}\\r\\n\\r\\n/* ── Header ── */\\n.chat-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 10px 20px;\\r\\n background: #fff;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\r\\n z-index: 10;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n min-width: 0;\\n}\\n.agent-info[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\n}\\n.agent-icon[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 8px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\r\\n/* 和左侧会话头像保持 4 色循环背景 */\\n.agent-info:nth-child(4n + 2) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\n}\\n.agent-info:nth-child(4n + 3) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #fa8c16, #ffa940);\\n}\\n.agent-info:nth-child(4n + 4) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #722ed1, #b37feb);\\n}\\n.agent-text[data-v-bf6d760c] {\\r\\n min-width: 0;\\n}\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1.3;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\r\\n max-width: 300px;\\n}\\n.header-right[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.manage-link[data-v-bf6d760c] {\\r\\n font-size: 13px;\\r\\n color: #1677ff;\\r\\n text-decoration: none;\\n}\\n.manage-link[data-v-bf6d760c]:hover {\\r\\n color: #4096ff;\\n}\\r\\n\\r\\n/* ── Chat Body ── */\\n.chat-body[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 16px 40px;\\r\\n scroll-behavior: auto;\\r\\n position: relative; /* 👈 就加这一行！！ */\\r\\n -webkit-overflow-scrolling: touch;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/agentbackground.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\n}\\n.welcome[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n color: #bbb;\\r\\n margin: 0 -20px;\\n}\\n.welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 12px;\\r\\n opacity: 0.7;\\n}\\n.welcome-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\n}\\n.welcome-default .welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 16px;\\n}\\n.welcome-title[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n margin-bottom: 8px;\\n}\\r\\n\\r\\n/* ── Message Row ── */\\n.msg-row[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n padding: 20px 16px;\\r\\n box-sizing: border-box;\\r\\n align-items: center;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n max-width: 85%;\\r\\n /* 最大内容宽度限制，避免超宽 */\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-row.assistant[data-v-bf6d760c] {\\r\\n justify-content: center;\\n}\\n.load-more[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n padding: 4px 0;\\n}\\n.msg-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n margin-top: 2px;\\r\\n padding-left: 4px;\\n}\\n.msg-row.user .msg-time[data-v-bf6d760c] {\\r\\n text-align: right;\\r\\n padding-right: 4px;\\n}\\n.msg-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 4px;\\r\\n margin-top: 4px;\\r\\n padding-left: 4px;\\n}\\n.action-btn[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n cursor: pointer;\\r\\n padding: 2px 6px 2px 0;\\r\\n border-radius: 4px;\\r\\n transition: all 0.2s;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.action-btn[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\r\\n background: #f0f5ff;\\n}\\r\\n\\r\\n/* ── STT 语音转文字状态 ── */\\n.stt-status-block[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n font-size: 14px;\\r\\n line-height: 1.5;\\n}\\r\\n/* ── STT 状态（图标紧贴气泡左侧，文字在气泡内） ── */\\n.stt-bubble-wrap[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\n}\\n.stt-outside-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 100%;\\r\\n top: 50%;\\r\\n margin-top: -9px;\\r\\n margin-right: 20px;\\n}\\n.stt-spinner[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n border: 2.5px solid #d9d9d9;\\r\\n border-top-color: #1677ff;\\r\\n border-right-color: #4096ff;\\r\\n border-radius: 50%;\\r\\n animation: stt-spin-bf6d760c 0.6s linear infinite;\\r\\n flex-shrink: 0;\\r\\n box-sizing: border-box;\\n}\\n@keyframes stt-spin-bf6d760c {\\nto { transform: rotate(360deg);\\n}\\n}\\n.stt-error-icon[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n font-size: 12px;\\r\\n font-weight: 700;\\r\\n border-radius: 50%;\\r\\n line-height: 1;\\r\\n flex-shrink: 0;\\n}\\n.stt-bubble-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\r\\n color: #fff;\\r\\n white-space: nowrap;\\r\\n margin: 6px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n gap: 10px;\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-avatar[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 700;\\r\\n flex-shrink: 0;\\r\\n color: #fff;\\n}\\n.msg-avatar.user[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\n}\\n.msg-avatar.assistant[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\r\\n color: #fff;\\n}\\n.msg-agent-label[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n margin-bottom: 2px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 800px;\\r\\n box-sizing: border-box;\\r\\n overflow: hidden;\\n}\\r\\n\\r\\n/* ── Bubble ── */\\n.bubble[data-v-bf6d760c] {\\r\\n max-width: 100%;\\r\\n min-width: 30px;\\r\\n width: -moz-fit-content;\\r\\n width: fit-content;\\r\\n padding: 8px 14px;\\r\\n border-radius: 12px;\\r\\n line-height: 1.4;\\r\\n font-size: 15px;\\r\\n word-break: break-word;\\r\\n white-space: normal;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c]:has(.typing) {\\r\\n padding: 16px 20px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border-bottom-right-radius: 4px;\\r\\n box-shadow: 0 2px 8px rgba(22, 119, 255, 0.15);\\r\\n float: right;\\n}\\n.bubble.assistant[data-v-bf6d760c] {\\r\\n background: #fff;\\r\\n color: #333;\\r\\n border-bottom-left-radius: 4px;\\r\\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);\\r\\n text-align: left;\\r\\n width: 100%;\\r\\n box-sizing: border-box;\\n}\\n.bubble[data-v-bf6d760c] table {\\r\\n border-collapse: collapse;\\r\\n width: 100%;\\r\\n margin: 6px 0;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] th,\\r\\n.bubble[data-v-bf6d760c] td {\\r\\n border: 1px solid #e8e8e8;\\r\\n padding: 5px 8px;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c] th {\\r\\n background: #fafafa;\\r\\n font-weight: 600;\\n}\\n.bubble[data-v-bf6d760c] code {\\r\\n /* background: #f0f2f5; */\\r\\n padding: 1px 5px;\\r\\n border-radius: 3px;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] pre {\\r\\n background: #f6f8fa;\\r\\n color: #333;\\r\\n padding: 12px;\\r\\n border-radius: 6px;\\r\\n overflow-x: auto;\\r\\n font-size: 13px;\\r\\n border: 1px solid #e8e8e8;\\r\\n margin: 8px 0;\\r\\n line-height: 1.5;\\r\\n white-space: pre;\\n}\\n.bubble[data-v-bf6d760c] ul,\\r\\n.bubble[data-v-bf6d760c] ol {\\r\\n padding-left: 20px;\\r\\n margin: 4px 0;\\n}\\n.bubble[data-v-bf6d760c] li {\\r\\n margin: 2px 0;\\n}\\n.bubble[data-v-bf6d760c] p{\\r\\n margin: 6px 0;\\n}\\r\\n\\r\\n/* ── Thinking ── */\\n.thinking-details[data-v-bf6d760c] {\\r\\n margin-bottom: 10px;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n overflow: hidden;\\r\\n background: #fafafa;\\n}\\n.thinking-summary[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #888;\\r\\n cursor: pointer;\\r\\n padding: 6px 10px;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.thinking-summary[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\n}\\n.thinking-body[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n padding: 8px 12px;\\r\\n line-height: 1.6;\\r\\n border-top: 1px solid #f0f0f0;\\r\\n text-align: left;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-word;\\r\\n /* 兼容中英文混合断行优化 */\\r\\n overflow-wrap: break-word;\\n}\\n.final-content[data-v-bf6d760c]{\\r\\n /* white-space: pre-wrap; */\\r\\n word-break: break-word;\\r\\n overflow-wrap: break-word;\\n}\\n.thinking-body[data-v-bf6d760c] p {\\r\\n margin: 4px 0;\\n}\\r\\n\\r\\n/* ── Typing ── */\\n.typing[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n min-height: 24px;\\r\\n justify-content: flex-start;\\r\\n padding: 4px 0;\\n}\\n.typing .phrase[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #888;\\r\\n white-space: nowrap;\\r\\n animation: phraseFade-bf6d760c 0.5s ease;\\r\\n letter-spacing: 0.5px;\\n}\\n.typing .dots[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 5px;\\r\\n align-items: center;\\r\\n justify-content: center;\\n}\\n.typing .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n background: #bbb;\\r\\n border-radius: 50%;\\r\\n animation: dtTyping-bf6d760c 1.3s infinite ease-in-out;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(2) {\\r\\n animation-delay: 0.16s;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(3) {\\r\\n animation-delay: 0.32s;\\n}\\n@keyframes phraseFade-bf6d760c {\\nfrom {\\r\\n opacity: 0.2;\\r\\n transform: translateY(4px);\\n}\\nto {\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\n}\\n}\\n@keyframes dtTyping-bf6d760c {\\n0%,\\r\\n 60%,\\r\\n 100% {\\r\\n transform: translateY(0);\\r\\n opacity: 0.3;\\n}\\n30% {\\r\\n transform: translateY(-5px);\\r\\n opacity: 1;\\n}\\n}\\r\\n\\r\\n/* ── Scroll Buttons ── */\\n.scroll-btns[data-v-bf6d760c] {\\r\\n position: sticky;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: 20px;\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n margin-top: 10px;\\r\\n pointer-events: none;\\n}\\n.scroll-btn[data-v-bf6d760c] {\\r\\n pointer-events: auto;\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\n}\\n.scroll-btn i[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n color: #333;\\n}\\r\\n/* ── Wait Timer ── */\\n.typing.wait-5 .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n animation-duration: 1s;\\n}\\n.typing.wait-5 .phrase[data-v-bf6d760c] {\\r\\n color: #888;\\n}\\n.typing.wait-10 .dots span[data-v-bf6d760c] {\\r\\n width: 9px;\\r\\n height: 9px;\\r\\n animation-duration: 0.8s;\\r\\n background: #909399;\\n}\\n.typing.wait-10 .phrase[data-v-bf6d760c] {\\r\\n color: #909399;\\n}\\n.typing.wait-10 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 1s infinite ease-in-out;\\n}\\n.typing.wait-15 .dots span[data-v-bf6d760c] {\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n animation-duration: 0.6s;\\r\\n background: #1677ff;\\n}\\n.typing.wait-15 .phrase[data-v-bf6d760c] {\\r\\n color: #1677ff;\\n}\\n.typing.wait-15 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 0.6s infinite ease-in-out;\\n}\\n@keyframes dtPulse-bf6d760c {\\n0%,\\r\\n 100% {\\r\\n transform: scale(1);\\n}\\n50% {\\r\\n transform: scale(1.05);\\n}\\n}\\n.tool-calls[data-v-bf6d760c] {\\r\\n margin-top: 8px;\\n}\\n.tool-item[data-v-bf6d760c] {\\r\\n background: #f5f5f5;\\r\\n border-radius: 6px;\\r\\n padding: 6px 10px;\\r\\n margin-bottom: 4px;\\r\\n font-size: 12px;\\n}\\n.tool-badge[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n margin-bottom: 2px;\\r\\n font-size: 11px;\\r\\n color: #fa8c16;\\r\\n font-weight: 500;\\n}\\n.tool-item pre[data-v-bf6d760c] {\\r\\n margin: 0;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-all;\\r\\n font-size: 12px;\\r\\n color: #666;\\r\\n max-height: 120px;\\r\\n overflow-y: auto;\\n}\\r\\n\\r\\n/* ── Footer ── */\\n.chat-footer[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\r\\n border-top: none;\\r\\n padding: 30px 0;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: flex-end;\\r\\n gap: 6px;\\r\\n background: #fff;\\r\\n border-radius: 24px;\\r\\n /* 左右留白，实现居中效果，和截图边距一致 */\\r\\n margin: 0 24px;\\r\\n padding: 18px 20px;\\r\\n border: 1px solid #b3d8ff;\\r\\n transition: border-color 0.2s;\\r\\n flex-wrap: wrap;\\r\\n width: 1000px;\\n}\\r\\n/* 原有悬浮滚动按钮逻辑完全保留不动 */\\n.scroll-bottom-wrap[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: calc(100% + 30px);\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n pointer-events: none;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n border: 1px solid #e5e7eb;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n pointer-events: auto;\\r\\n position: relative;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #4e5969;\\n}\\r\\n/* 加载转圈动画原样保留 */\\n.loading-circle[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 3px;\\r\\n border-radius: 50%;\\r\\n border: 1.5px solid transparent;\\r\\n border-top: 1.5px solid #1677ff;\\r\\n animation: circle-spin-bf6d760c 1.5s linear infinite;\\n}\\n@keyframes circle-spin-bf6d760c {\\nfrom {\\r\\n transform: rotate(0deg);\\n}\\nto {\\r\\n transform: rotate(360deg);\\n}\\n}\\r\\n/* 聚焦仅变色，取消阴影 */\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: #1677ff;\\r\\n background: #fff;\\r\\n box-shadow: none;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n border: none;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n resize: none;\\r\\n font-size: 16px;\\r\\n line-height: 24px;\\r\\n min-height: 38px;\\r\\n height: 100px;\\r\\n max-height: 100px;\\r\\n overflow-y: auto;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: inherit;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\r\\n/* 发送按钮 纯蓝色矩形，隐藏svg图标，显示文字发送 */\\n.send-btn[data-v-bf6d760c] {\\r\\n width: auto;\\r\\n height: 40px;\\r\\n padding: 0 21px;\\r\\n border-radius: 6px;\\r\\n border: none;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n font-size: 14px;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: \\\"发送\\\";\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn.active[data-v-bf6d760c]:hover {\\r\\n background: #4096ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n border-radius: 50%;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\n}\\n.stop-btn[data-v-bf6d760c]:hover {\\r\\n background: #ff7875;\\n}\\r\\n/* 右下角提示文字，精准定位在按钮左侧，和截图位置完全对齐 */\\n.input-area[data-v-bf6d760c]::after {\\r\\n content: \\\"Enter 发送，Ctrl+Enter 换行\\\";\\r\\n position: absolute;\\r\\n right: 100px;\\r\\n bottom: 28px;\\r\\n font-size: 14px;\\r\\n color: #8c8c8c;\\r\\n pointer-events: none;\\n}\\r\\n/* 滚动到底部按钮样式 */\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #ffffff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n transition: all 0.2s ease;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c]:hover {\\r\\n transform: scale(1.1);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\r\\n\\r\\n\\r\\n/* 外层页面容器 对应box_9区域 */\\n.agent-select-page[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n /* 内部全部居中 */\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应，居中 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 1200px;\\n}\\r\\n\\r\\n/* 标题区域居中 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 28px!important;\\r\\n color: #000;\\r\\n font-weight: 500!important;\\r\\n font-family: PingFangSC-Medium;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 智能助手列表：一行2个自适应等分，自动换行 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片基础样式，无固定宽度，自适应网格列宽 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n padding: 20px 20px 19px 116px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\\n}\\r\\n\\r\\n/* 上浮头像容器 */\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 3px;\\r\\n top: -36px;\\n}\\r\\n\\r\\n/* 头像默认样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\n}\\r\\n/* 有头像图片：大尺寸 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 97px;\\r\\n height: 126px;\\r\\n background-size: cover;\\n}\\r\\n/* 无头像文字首字母：小尺寸，偏移适配 */\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 76px;\\r\\n height: 108px;\\r\\n transform: translateX(9px);\\n}\\r\\n\\r\\n/* 文字内容区 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\n}\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-family: PingFangSC-Medium;\\r\\n color: #000;\\r\\n line-height: 22px;\\r\\n margin-bottom: 8px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-family: PingFangSC-Regular;\\r\\n color: #666;\\r\\n line-height: 21px;\\r\\n /* 核心三行单行省略，文字超出自动... */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\r\\n /* 关键：继承父容器宽度，不会超出父盒子 */\\r\\n width: 100%;\\r\\n display: block;\\n}\\r\\n/* 响应式适配：小屏幕自动变为单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 60px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\r\\n\\r\\n\\r\\n/* ── 聊天空白欢迎页（匹配蓝湖移动端聊天首页） ── */\\n.chat-empty-welcome[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 40px 20px;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 0px;\\r\\n max-width: 600px;\\r\\n margin: 80px auto;\\n}\\r\\n\\r\\n/* 顶部渐变欢迎卡片 */\\n.welcome-card[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n background: linear-gradient(296deg, #D6EDFF 20%, #E8EBFF 80%);\\r\\nborder-radius: 16px 16px 0px 0px;\\r\\n padding: 24px 24px 24px 150px;\\r\\n overflow: visible;\\n}\\r\\n/* 左侧探出头像容器 */\\n.welcome-avatar-box[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 15px;\\r\\n bottom: 0px;\\r\\n width: 110px;\\r\\n height: 137px;\\n}\\n.welcome-avatar[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n border-radius: 12px;\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 20px;\\r\\n color: #fff;\\r\\n font-weight: 600;\\n}\\n.welcome-avatar.has-chat-agent-img[data-v-bf6d760c] {\\r\\n background: transparent;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\n}\\n.welcome-text-group[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 6px;\\n}\\n.welcome-text-group .text-sm[data-v-bf6d760c] {\\r\\nfont-weight: 400;font-size: 12px;color: #666666;\\r\\ntext-align: left;\\r\\nfont-style: normal;\\n}\\n.welcome-text-group .text-lg[data-v-bf6d760c] {\\r\\n \\r\\n font-weight: 500;\\r\\nfont-size: 16px;\\r\\ncolor: #000000;\\n}\\r\\n\\r\\n/* 猜你想问容器 */\\n.guess-box[data-v-bf6d760c] {\\r\\n border-top: 1px solid #fff;\\r\\n background: linear-gradient(180deg, #B8DCFF 0%, #DFF0FF 50%, #FFFFFF 100%);\\r\\n border-radius: 0 0 16px 16px;\\r\\n padding: 20px;\\n}\\n.guess-title[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #222;\\r\\n margin-bottom: 16px;\\n}\\n.tag-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 10px;\\n}\\n.quick-tag[data-v-bf6d760c] {\\r\\n padding: 8px 14px;\\r\\n background: #F2FAFF;\\r\\n border-radius: 8px;\\r\\n font-size: 14px;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n border: 1px solid #e0eaff;\\r\\n transition: all 0.2s;\\r\\n white-space: nowrap;\\n}\\r\\n/* .quick-tag:hover {\\r\\n background: #f0f7ff;\\r\\n border-color: #1677ff;\\r\\n} */\\n.chat-agent-avatar-wrapper div[data-v-bf6d760c]{\\r\\n width: 44px;\\r\\n height: 44px;\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* 外层大容器，本地渐变背景铺满全屏，内部全部居中 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n min-height: 100%;\\r\\n padding: 80px 20px;\\r\\n /* 本地背景图铺满 */\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应居中，无固定宽 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 920px;\\n}\\r\\n\\r\\n/* 标题样式，居中、字号、间距匹配效果图 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 26px;\\r\\n color: #222;\\r\\n font-weight: 500;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 卡片网格：一行2等分，行列间距对齐效果图 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片核心样式：圆角、内边距、相对定位，无固定宽度 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n /* 左侧留出头像位置，文字靠右内缩 */\\r\\n padding: 22px 20px 20px 110px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.25s ease;\\r\\n /* 轻微柔和阴影，和效果图一致 */\\r\\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\\n}\\r\\n\\r\\n\\r\\n/* 头像本体通用样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\r\\n /* 效果图统一卡通头像尺寸 */\\r\\n width: 92px;\\r\\n height: 106px;\\n}\\r\\n/* 有头像图片完整展示，不裁切 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n background-size: cover;\\n}\\r\\n\\r\\n/* 文字区域垂直排列 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n max-width: 300px;\\r\\n flex-shrink: 0; /* 如果是flex布局，禁止自身被压缩 */\\n}\\r\\n/* 助手名称 */\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #111;\\r\\n line-height: 22px;\\r\\n margin-bottom: 6px;\\n}\\r\\n/* 描述文本 */\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n line-height: 20px;\\r\\n /* 超长描述单行省略 */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\n}\\r\\n\\r\\n/* 移动端适配：小屏幕自动单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 40px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\n.chat-layout[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n min-height: 0;\\r\\n overflow: hidden;\\n}\\n.sidebar-mask[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: rgba(15, 23, 42, 0.28);\\r\\n z-index: 29;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px !important;\\r\\n height: 28px !important;\\r\\n border-radius: 8px !important;\\r\\n font-size: 12px !important;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.chat-main[data-v-bf6d760c],\\r\\n.chat-body[data-v-bf6d760c] {\\r\\n min-height: 0;\\n}\\n.header-left[data-v-bf6d760c],\\r\\n.header-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\r\\n gap: 10px;\\n}\\n.header-actions[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n.mobile-back-btn[data-v-bf6d760c],\\r\\n.mobile-header-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: #f5f7fa;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn i[data-v-bf6d760c],\\r\\n.mobile-back-btn i[data-v-bf6d760c],\\r\\n.mobile-header-btn i[data-v-bf6d760c] {\\r\\n font-size: 18px;\\n}\\n.mobile-back-btn i[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: min(300px, 32vw);\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 16px clamp(12px, 3vw, 40px);\\r\\n background-position: center;\\r\\n background-size: cover;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: min(300px, 45vw);\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 18px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: min(100%, 860px) !important;\\r\\n max-width: 860px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n float: none;\\r\\n margin-left: auto;\\r\\n max-width: min(100%, 520px);\\n}\\n.final-content[data-v-bf6d760c],\\r\\n.thinking-body[data-v-bf6d760c],\\r\\n.bubble[data-v-bf6d760c] {\\r\\n overflow-wrap: anywhere;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 24px 0;\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: min(100%, 1000px) !important;\\r\\n box-sizing: border-box;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1 1 320px;\\r\\n min-width: 0;\\n}\\n@media screen and (max-width: 768px) {\\n.chat-layout.is-mobile[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\n}\\r\\n\\r\\n /* agent-selector H5 顶部栏 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 0 !important;\\n}\\n.agent-selector .agent-wrap[data-v-bf6d760c] {\\r\\n padding: 40px 16px 0;\\r\\n box-sizing: border-box;\\n}\\n.mobile-agent-select-header[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n padding: 10px 0;\\r\\n min-height: 44px;\\n}\\n.mobile-agent-select-header .mobile-agent-back[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 4px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n background: transparent;\\r\\n border: none;\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n padding: 0;\\r\\n color: #333;\\n}\\n.mobile-agent-select-header .mobile-agent-back i[data-v-bf6d760c] {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\n}\\n.mobile-agent-select-header .mobile-agent-title-text[data-v-bf6d760c] {\\r\\n font-size: 17px;\\r\\n font-weight: 500;\\r\\n color: #000;\\n}\\n.agent-selector .agent-title[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* H5列表模式：侧边栏全屏展示 */\\n.chat-layout.h5-list-mode .chat-sidebar[data-v-bf6d760c] {\\r\\n position: relative !important;\\r\\n width: 100% !important;\\r\\n max-width: 100% !important;\\r\\n min-width: 100% !important;\\r\\n height: 100%;\\r\\n transform: translateX(0) !important;\\r\\n box-shadow: none !important;\\r\\n border-right: none;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 14px 16px;\\r\\n position: relative;\\n}\\n.sidebar-back-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: transparent;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n position: absolute;\\r\\n left: 8px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n padding: 0;\\n}\\n.sidebar-back-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header img[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 16px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\r\\n cursor: pointer;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0 auto 0 0;\\r\\n width: min(82vw, 320px);\\r\\n min-width: auto;\\r\\n max-width: 320px;\\r\\n height: 100%;\\r\\n border-right: none;\\r\\n box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);\\r\\n transform: translateX(-100%);\\r\\n transition: transform 0.24s ease;\\n}\\n.chat-sidebar.open[data-v-bf6d760c] {\\r\\n transform: translateX(0);\\n}\\n.chat-header[data-v-bf6d760c] {\\r\\n padding: 10px 12px;\\r\\n background: transparent;\\r\\n border-bottom: none;\\n}\\n.chat-header .chat-agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .agent-desc[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n justify-content: center;\\r\\n position: relative;\\n}\\n.chat-header .header-left .mobile-back-btn[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n background: transparent;\\n}\\n.chat-header .header-actions .mobile-header-btn[data-v-bf6d760c] {\\r\\n background: transparent;\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 12px;\\r\\n background-position: center top;\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 12px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n max-width: 88%;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: calc(100% - 24px) !important;\\r\\n margin: 0 12px;\\r\\n padding: 6px 6px 6px 4px;\\r\\n border-radius: 24px;\\r\\n border: none;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\r\\n flex-wrap: nowrap;\\r\\n align-items: center;\\n}\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: transparent;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\n}\\n.input-area[data-v-bf6d760c]::after {\\r\\n display: none;\\n}\\n.voice-btn[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n border: none;\\r\\n background: transparent;\\r\\n border-radius: 50%;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: background 0.2s;\\r\\n padding: 0;\\n}\\n.voice-btn[data-v-bf6d760c]:active {\\r\\n background: rgba(0,0,0,0.05);\\n}\\n.voice-btn[data-v-bf6d760c]:disabled {\\r\\n opacity: 0.4;\\r\\n cursor: not-allowed;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n flex-basis: 0;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n max-height: 100px;\\r\\n font-size: 15px;\\r\\n background: #EBEBEB;\\r\\n border-radius: 18px;\\r\\n padding: 0 14px;\\r\\n line-height: 36px;\\r\\n margin: 0 4px;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.send-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n padding: 0;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: none;\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.send-btn[data-v-bf6d760c]:active {\\r\\n transform: scale(0.92);\\n}\\r\\n\\r\\n /* 移动端停止按钮 */\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 28px 12px;\\n}\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 52px 0;\\n}\\n.agent-item[data-v-bf6d760c] {\\r\\n height: auto;\\r\\n min-height: 84px;\\r\\n padding: 18px 16px 18px 96px;\\n}\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n left: 8px;\\r\\n top: -18px;\\n}\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 74px;\\r\\n height: 88px;\\n}\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 62px;\\r\\n height: 78px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n white-space: normal;\\r\\n display: -webkit-box;\\r\\n -webkit-line-clamp: 2;\\r\\n -webkit-box-orient: vertical;\\n}\\n.guess-box[data-v-bf6d760c] {\\r\\n padding: 16px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* ── H5 语音模式 ── */\\n.hold-talk-btn[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 6px;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n margin: 0 4px;\\r\\n border-radius: 18px;\\r\\n background: #EBEBEB;\\r\\n border: none;\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n cursor: pointer;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\r\\n -webkit-user-select: none;\\r\\n transition: background 0.15s;\\n}\\n.hold-talk-btn[data-v-bf6d760c]:active {\\r\\n background: #ddd;\\n}\\n.hold-talk-btn.recording[data-v-bf6d760c] {\\r\\n background: #e8f0fe;\\r\\n color: #333;\\n}\\n.hold-talk-btn .hold-talk-icon[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\r\\n\\r\\n /* 语音录制浮层 */\\n.voice-recording-overlay[data-v-bf6d760c] {\\r\\n position: fixed;\\r\\n left: 0;\\r\\n right: 0;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: rgba(0,0,0,0.35);\\r\\n animation: fadeIn-bf6d760c 0.15s ease;\\n}\\n.voice-recording-card[data-v-bf6d760c] {\\r\\n width: 200px;\\r\\n padding: 32px 24px 24px;\\r\\n background: #fff;\\r\\n border-radius: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n gap: 16px;\\r\\n box-shadow: 0 8px 32px rgba(0,0,0,0.15);\\n}\\n.voice-recording-wave[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n height: 40px;\\n}\\n.voice-recording-wave span[data-v-bf6d760c] {\\r\\n width: 4px;\\r\\n background: #1677ff;\\r\\n border-radius: 2px;\\r\\n animation: waveAnim-bf6d760c 0.6s ease-in-out infinite alternate;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(1) { height: 16px; animation-delay: 0s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(2) { height: 28px; animation-delay: 0.1s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(3) { height: 40px; animation-delay: 0.2s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(4) { height: 28px; animation-delay: 0.3s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(5) { height: 16px; animation-delay: 0.4s;\\n}\\n@keyframes waveAnim-bf6d760c {\\n0% { transform: scaleY(0.6);\\n}\\n100% { transform: scaleY(1);\\n}\\n}\\n.voice-recording-duration[data-v-bf6d760c] {\\r\\n font-size: 32px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1;\\n}\\n.voice-recording-duration .unit[data-v-bf6d760c] {\\r\\n font-size: 18px;\\r\\n font-weight: 400;\\r\\n color: #999;\\r\\n margin-left: 2px;\\n}\\n.voice-recording-hint[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n font-size: 13px;\\r\\n color: #999;\\n}\\n.voice-recording-hint.cancel[data-v-bf6d760c] {\\r\\n color: #ff4d4f;\\n}\\n@keyframes fadeIn-bf6d760c {\\nfrom { opacity: 0;\\n}\\nto { opacity: 1;\\n}\\n}\\n}\\n@media screen and (max-width: 480px) {\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: calc(100vw - 132px);\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n .mobile-header-btn[data-v-bf6d760c] {\\r\\n width: 32px;\\r\\n height: 32px;\\n}\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--7-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
3256
3256
|
|
|
3257
3257
|
/***/ }),
|
|
3258
3258
|
|
|
@@ -12448,7 +12448,7 @@ eval("module.exports = function(originalModule) {\n\tif (!originalModule.webpack
|
|
|
12448
12448
|
/*! exports provided: name, version, main, private, scripts, dependencies, devDependencies, browserslist, directories, keywords, license, default */
|
|
12449
12449
|
/***/ (function(module) {
|
|
12450
12450
|
|
|
12451
|
-
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.5-beta.
|
|
12451
|
+
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.5-beta.5\\\",\\\"main\\\":\\\"lib/ZjPluginIntelligent.umd.min.js\\\",\\\"private\\\":false,\\\"scripts\\\":{\\\"serve\\\":\\\"vue-cli-service serve\\\",\\\"build\\\":\\\"vue-cli-service build\\\",\\\"lib\\\":\\\"vue-cli-service build --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\",\\\"lib:test\\\":\\\"vue-cli-service build --mode test --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\"},\\\"dependencies\\\":{\\\"html2canvas\\\":\\\"^1.4.1\\\",\\\"markdown-it\\\":\\\"^14.1.0\\\"},\\\"devDependencies\\\":{\\\"@babel/preset-env\\\":\\\"^7.14.9\\\",\\\"@vue/cli-plugin-babel\\\":\\\"~4.5.0\\\",\\\"@vue/cli-plugin-eslint\\\":\\\"^4.5.13\\\",\\\"@vue/cli-plugin-vuex\\\":\\\"~4.5.0\\\",\\\"@vue/cli-service\\\":\\\"~4.5.0\\\",\\\"axios\\\":\\\"^0.27.2\\\",\\\"babel-eslint\\\":\\\"^10.1.0\\\",\\\"babel-plugin-component\\\":\\\"^1.1.1\\\",\\\"compression-webpack-plugin\\\":\\\"^6.0.3\\\",\\\"core-js\\\":\\\"^3.6.5\\\",\\\"element-ui\\\":\\\"^2.15.4\\\",\\\"eslint\\\":\\\"^7.30.0\\\",\\\"eslint-plugin-vue\\\":\\\"^7.13.0\\\",\\\"js-cookie\\\":\\\"^2.2.1\\\",\\\"node-sass\\\":\\\"^4.12.0\\\",\\\"obs-upload\\\":\\\"^1.0.4-alpha.0\\\",\\\"reconnecting-websocket\\\":\\\"^4.4.0\\\",\\\"sass-loader\\\":\\\"^8.0.2\\\",\\\"snowflake-id\\\":\\\"^1.1.0\\\",\\\"vue\\\":\\\"^2.6.11\\\",\\\"vue-template-compiler\\\":\\\"^2.6.11\\\",\\\"vuex\\\":\\\"^3.4.0\\\",\\\"pako\\\":\\\"^2.1.0\\\",\\\"webpack-bundle-analyzer\\\":\\\"^4.4.2\\\"},\\\"browserslist\\\":[\\\"> 1%\\\",\\\"last 2 versions\\\",\\\"not dead\\\"],\\\"directories\\\":{\\\"lib\\\":\\\"lib\\\"},\\\"keywords\\\":[],\\\"license\\\":\\\"ISC\\\"}\");\n\n//# sourceURL=webpack://ZjPluginIntelligent/./package.json?");
|
|
12452
12452
|
|
|
12453
12453
|
/***/ }),
|
|
12454
12454
|
|
|
@@ -3261,7 +3261,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3261
3261
|
/*! no static exports found */
|
|
3262
3262
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3263
3263
|
|
|
3264
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.chat-layout[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n background: #fff;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\\n}\\r\\n\\r\\n/* ── Sidebar ── */\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: 300px;\\r\\n min-width: 300px;\\r\\n background: #fff;\\r\\n border-right: 1px solid #e8e8e8;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\n}\\n.sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 14px 8px 14px 16px;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\n}\\n.sidebar-header i[data-v-bf6d760c]{\\r\\n font-size: 20px;\\r\\n cursor: pointer;\\n}\\n.sidebar-header img[data-v-bf6d760c]{\\r\\n cursor: pointer;\\n}\\n.sidebar-title[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\n}\\n.sidebar-search[data-v-bf6d760c] {\\r\\n padding: 8px 16px;\\r\\n flex-shrink: 0;\\r\\n position: relative;\\r\\n z-index: 20;\\n}\\n.sidebar-search .search-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n position: relative;\\n}\\n.sidebar-search .search-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n flex-shrink: 0;\\r\\n pointer-events: none;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 32px;\\r\\n border-radius: 16px;\\r\\n background: #f5f5f5;\\r\\n border: 1px solid transparent;\\r\\n font-size: 13px;\\r\\n padding: 0 32px 0 34px;\\r\\n outline: none;\\r\\n box-sizing: border-box;\\r\\n transition: all 0.2s;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c]:focus {\\r\\n background: #fff;\\r\\n border: 1px solid #1677ff;\\n}\\n.sidebar-search .search-clear[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.search-suggestions[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n left: 16px;\\r\\n right: 16px;\\r\\n background: #fff;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\\r\\n z-index: 100;\\r\\n max-height: 240px;\\r\\n overflow-y: auto;\\r\\n margin-top: 4px;\\n}\\n.suggestion-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n padding: 10px 12px;\\r\\n cursor: pointer;\\r\\n transition: background 0.15s;\\n}\\n.suggestion-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n border-radius: 6px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.suggestion-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n white-space: nowrap;\\n}\\n.suggestion-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.session-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n padding: 6px 16px;\\r\\n /* 顶部留白，匹配UI顶部空隙 */\\r\\n padding-bottom: 10px;\\r\\n cursor: pointer;\\r\\n border-bottom: 1px solid #f5f5f5;\\r\\n transition: background 0.15s;\\r\\n position: relative;\\r\\n gap: 10px;\\r\\n border-radius: 4px;\\n}\\n.session-left-item[data-v-bf6d760c]{\\r\\n margin-left: 5px;\\n}\\n.session-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.session-item.active[data-v-bf6d760c] {\\r\\n background: #F5F5F5\\n}\\n.session-avatar[data-v-bf6d760c] {\\r\\n width: 44px!important;\\r\\n height: 44px!important;\\r\\n /* UI是圆形头像，把8px圆角改成50% */\\r\\n border-radius: 50%!important;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px!important;\\r\\n font-weight: 600;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n overflow: hidden; /* 裁切图片，保证圆形 */\\n}\\r\\n/* 头像图片样式，居中完整展示，四周露出底色 */\\n.avatar-pic[data-v-bf6d760c] {\\r\\n width: 85%;\\r\\n height: 85%;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\n}\\n.session-info[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\n}\\n.session-agent[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n margin-bottom: 2px;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-preview[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n flex-shrink: 0;\\r\\n margin-left: 8px;\\r\\n margin-right: 4px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 4px;\\r\\n top: 20px;\\r\\n transform: translateY(-50%);\\r\\n opacity: 0;\\r\\n transition: opacity 0.15s;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border: none;\\r\\n background: transparent;\\r\\n padding: 0;\\r\\n color: #333;\\r\\n cursor: pointer;\\n}\\n.session-delete svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\n.session-item:hover .session-delete[data-v-bf6d760c] {\\r\\n opacity: 1;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.sidebar-empty[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #bbb;\\r\\n font-size: 14px;\\r\\n padding-bottom: 40px;\\n}\\n.empty-icon[data-v-bf6d760c] {\\r\\n font-size: 36px;\\r\\n margin-bottom: 8px;\\n}\\n.empty-hint[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #d9d9d9;\\r\\n margin-top: 4px;\\n}\\r\\n/* ── Main ── */\\n.chat-main[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n min-width: 0;\\n}\\r\\n\\r\\n/* ── Header ── */\\n.chat-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 10px 20px;\\r\\n background: #fff;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\r\\n z-index: 10;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n min-width: 0;\\n}\\n.agent-info[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\n}\\n.agent-icon[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 8px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\r\\n/* 和左侧会话头像保持 4 色循环背景 */\\n.agent-info:nth-child(4n + 2) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\n}\\n.agent-info:nth-child(4n + 3) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #fa8c16, #ffa940);\\n}\\n.agent-info:nth-child(4n + 4) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #722ed1, #b37feb);\\n}\\n.agent-text[data-v-bf6d760c] {\\r\\n min-width: 0;\\n}\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1.3;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\r\\n max-width: 300px;\\n}\\n.header-right[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.manage-link[data-v-bf6d760c] {\\r\\n font-size: 13px;\\r\\n color: #1677ff;\\r\\n text-decoration: none;\\n}\\n.manage-link[data-v-bf6d760c]:hover {\\r\\n color: #4096ff;\\n}\\r\\n\\r\\n/* ── Chat Body ── */\\n.chat-body[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 16px 40px;\\r\\n scroll-behavior: auto;\\r\\n position: relative; /* 👈 就加这一行！！ */\\r\\n -webkit-overflow-scrolling: touch;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/agentbackground.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\n}\\n.welcome[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n color: #bbb;\\r\\n margin: 0 -20px;\\n}\\n.welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 12px;\\r\\n opacity: 0.7;\\n}\\n.welcome-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\n}\\n.welcome-default .welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 16px;\\n}\\n.welcome-title[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n margin-bottom: 8px;\\n}\\r\\n\\r\\n/* ── Message Row ── */\\n.msg-row[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n padding: 20px 16px;\\r\\n box-sizing: border-box;\\r\\n align-items: center;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n max-width: 85%;\\r\\n /* 最大内容宽度限制，避免超宽 */\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-row.assistant[data-v-bf6d760c] {\\r\\n justify-content: center;\\n}\\n.load-more[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n padding: 4px 0;\\n}\\n.msg-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n margin-top: 2px;\\r\\n padding-left: 4px;\\n}\\n.msg-row.user .msg-time[data-v-bf6d760c] {\\r\\n text-align: right;\\r\\n padding-right: 4px;\\n}\\n.msg-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 4px;\\r\\n margin-top: 4px;\\r\\n padding-left: 4px;\\n}\\n.action-btn[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n cursor: pointer;\\r\\n padding: 2px 6px 2px 0;\\r\\n border-radius: 4px;\\r\\n transition: all 0.2s;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.action-btn[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\r\\n background: #f0f5ff;\\n}\\r\\n\\r\\n/* ── STT 语音转文字状态 ── */\\n.stt-status-block[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n font-size: 14px;\\r\\n line-height: 1.5;\\n}\\r\\n/* ── STT 状态（图标紧贴气泡左侧，文字在气泡内） ── */\\n.stt-bubble-wrap[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\n}\\n.stt-outside-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 100%;\\r\\n top: 50%;\\r\\n margin-top: -9px;\\r\\n margin-right: 20px;\\n}\\n.stt-spinner[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n border: 2.5px solid #d9d9d9;\\r\\n border-top-color: #1677ff;\\r\\n border-right-color: #4096ff;\\r\\n border-radius: 50%;\\r\\n animation: stt-spin-bf6d760c 0.6s linear infinite;\\r\\n flex-shrink: 0;\\r\\n box-sizing: border-box;\\n}\\n@keyframes stt-spin-bf6d760c {\\nto { transform: rotate(360deg);\\n}\\n}\\n.stt-error-icon[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n font-size: 12px;\\r\\n font-weight: 700;\\r\\n border-radius: 50%;\\r\\n line-height: 1;\\r\\n flex-shrink: 0;\\n}\\n.stt-bubble-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\r\\n color: #fff;\\r\\n white-space: nowrap;\\r\\n margin: 6px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n gap: 10px;\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-avatar[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 700;\\r\\n flex-shrink: 0;\\r\\n color: #fff;\\n}\\n.msg-avatar.user[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\n}\\n.msg-avatar.assistant[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\r\\n color: #fff;\\n}\\n.msg-agent-label[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n margin-bottom: 2px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 800px;\\r\\n box-sizing: border-box;\\r\\n overflow: hidden;\\n}\\r\\n\\r\\n/* ── Bubble ── */\\n.bubble[data-v-bf6d760c] {\\r\\n max-width: 100%;\\r\\n min-width: 30px;\\r\\n width: -moz-fit-content;\\r\\n width: fit-content;\\r\\n padding: 8px 14px;\\r\\n border-radius: 12px;\\r\\n line-height: 1.4;\\r\\n font-size: 15px;\\r\\n word-break: break-word;\\r\\n white-space: normal;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c]:has(.typing) {\\r\\n padding: 16px 20px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border-bottom-right-radius: 4px;\\r\\n box-shadow: 0 2px 8px rgba(22, 119, 255, 0.15);\\r\\n float: right;\\n}\\n.bubble.assistant[data-v-bf6d760c] {\\r\\n background: #fff;\\r\\n color: #333;\\r\\n border-bottom-left-radius: 4px;\\r\\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);\\r\\n text-align: left;\\r\\n width: 100%;\\r\\n box-sizing: border-box;\\n}\\n.bubble[data-v-bf6d760c] table {\\r\\n border-collapse: collapse;\\r\\n width: 100%;\\r\\n margin: 6px 0;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] th,\\r\\n.bubble[data-v-bf6d760c] td {\\r\\n border: 1px solid #e8e8e8;\\r\\n padding: 5px 8px;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c] th {\\r\\n background: #fafafa;\\r\\n font-weight: 600;\\n}\\n.bubble[data-v-bf6d760c] code {\\r\\n /* background: #f0f2f5; */\\r\\n padding: 1px 5px;\\r\\n border-radius: 3px;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] pre {\\r\\n background: #f6f8fa;\\r\\n color: #333;\\r\\n padding: 12px;\\r\\n border-radius: 6px;\\r\\n overflow-x: auto;\\r\\n font-size: 13px;\\r\\n border: 1px solid #e8e8e8;\\r\\n margin: 8px 0;\\r\\n line-height: 1.5;\\r\\n white-space: pre;\\n}\\n.bubble[data-v-bf6d760c] ul,\\r\\n.bubble[data-v-bf6d760c] ol {\\r\\n padding-left: 20px;\\r\\n margin: 4px 0;\\n}\\n.bubble[data-v-bf6d760c] li {\\r\\n margin: 2px 0;\\n}\\n.bubble[data-v-bf6d760c] p{\\r\\n margin: 6px 0;\\n}\\r\\n\\r\\n/* ── Thinking ── */\\n.thinking-details[data-v-bf6d760c] {\\r\\n margin-bottom: 10px;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n overflow: hidden;\\r\\n background: #fafafa;\\n}\\n.thinking-summary[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #888;\\r\\n cursor: pointer;\\r\\n padding: 6px 10px;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.thinking-summary[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\n}\\n.thinking-body[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n padding: 8px 12px;\\r\\n line-height: 1.6;\\r\\n border-top: 1px solid #f0f0f0;\\r\\n text-align: left;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-word;\\r\\n /* 兼容中英文混合断行优化 */\\r\\n overflow-wrap: break-word;\\n}\\n.final-content[data-v-bf6d760c]{\\r\\n /* white-space: pre-wrap; */\\r\\n word-break: break-word;\\r\\n overflow-wrap: break-word;\\n}\\n.thinking-body[data-v-bf6d760c] p {\\r\\n margin: 4px 0;\\n}\\r\\n\\r\\n/* ── Typing ── */\\n.typing[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n min-height: 24px;\\r\\n justify-content: flex-start;\\r\\n padding: 4px 0;\\n}\\n.typing .phrase[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #888;\\r\\n white-space: nowrap;\\r\\n animation: phraseFade-bf6d760c 0.5s ease;\\r\\n letter-spacing: 0.5px;\\n}\\n.typing .dots[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 5px;\\r\\n align-items: center;\\r\\n justify-content: center;\\n}\\n.typing .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n background: #bbb;\\r\\n border-radius: 50%;\\r\\n animation: dtTyping-bf6d760c 1.3s infinite ease-in-out;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(2) {\\r\\n animation-delay: 0.16s;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(3) {\\r\\n animation-delay: 0.32s;\\n}\\n@keyframes phraseFade-bf6d760c {\\nfrom {\\r\\n opacity: 0.2;\\r\\n transform: translateY(4px);\\n}\\nto {\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\n}\\n}\\n@keyframes dtTyping-bf6d760c {\\n0%,\\r\\n 60%,\\r\\n 100% {\\r\\n transform: translateY(0);\\r\\n opacity: 0.3;\\n}\\n30% {\\r\\n transform: translateY(-5px);\\r\\n opacity: 1;\\n}\\n}\\r\\n\\r\\n/* ── Scroll Buttons ── */\\n.scroll-btns[data-v-bf6d760c] {\\r\\n position: sticky;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: 20px;\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n margin-top: 10px;\\r\\n pointer-events: none;\\n}\\n.scroll-btn[data-v-bf6d760c] {\\r\\n pointer-events: auto;\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\n}\\n.scroll-btn i[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n color: #333;\\n}\\r\\n/* ── Wait Timer ── */\\n.typing.wait-5 .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n animation-duration: 1s;\\n}\\n.typing.wait-5 .phrase[data-v-bf6d760c] {\\r\\n color: #888;\\n}\\n.typing.wait-10 .dots span[data-v-bf6d760c] {\\r\\n width: 9px;\\r\\n height: 9px;\\r\\n animation-duration: 0.8s;\\r\\n background: #909399;\\n}\\n.typing.wait-10 .phrase[data-v-bf6d760c] {\\r\\n color: #909399;\\n}\\n.typing.wait-10 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 1s infinite ease-in-out;\\n}\\n.typing.wait-15 .dots span[data-v-bf6d760c] {\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n animation-duration: 0.6s;\\r\\n background: #1677ff;\\n}\\n.typing.wait-15 .phrase[data-v-bf6d760c] {\\r\\n color: #1677ff;\\n}\\n.typing.wait-15 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 0.6s infinite ease-in-out;\\n}\\n@keyframes dtPulse-bf6d760c {\\n0%,\\r\\n 100% {\\r\\n transform: scale(1);\\n}\\n50% {\\r\\n transform: scale(1.05);\\n}\\n}\\n.tool-calls[data-v-bf6d760c] {\\r\\n margin-top: 8px;\\n}\\n.tool-item[data-v-bf6d760c] {\\r\\n background: #f5f5f5;\\r\\n border-radius: 6px;\\r\\n padding: 6px 10px;\\r\\n margin-bottom: 4px;\\r\\n font-size: 12px;\\n}\\n.tool-badge[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n margin-bottom: 2px;\\r\\n font-size: 11px;\\r\\n color: #fa8c16;\\r\\n font-weight: 500;\\n}\\n.tool-item pre[data-v-bf6d760c] {\\r\\n margin: 0;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-all;\\r\\n font-size: 12px;\\r\\n color: #666;\\r\\n max-height: 120px;\\r\\n overflow-y: auto;\\n}\\r\\n\\r\\n/* ── Footer ── */\\n.chat-footer[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\r\\n border-top: none;\\r\\n padding: 30px 0;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: flex-end;\\r\\n gap: 6px;\\r\\n background: #fff;\\r\\n border-radius: 24px;\\r\\n /* 左右留白，实现居中效果，和截图边距一致 */\\r\\n margin: 0 24px;\\r\\n padding: 18px 20px;\\r\\n border: 1px solid #b3d8ff;\\r\\n transition: border-color 0.2s;\\r\\n flex-wrap: wrap;\\r\\n width: 1000px;\\n}\\r\\n/* 原有悬浮滚动按钮逻辑完全保留不动 */\\n.scroll-bottom-wrap[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: calc(100% + 30px);\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n pointer-events: none;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n border: 1px solid #e5e7eb;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n pointer-events: auto;\\r\\n position: relative;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #4e5969;\\n}\\r\\n/* 加载转圈动画原样保留 */\\n.loading-circle[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 3px;\\r\\n border-radius: 50%;\\r\\n border: 1.5px solid transparent;\\r\\n border-top: 1.5px solid #1677ff;\\r\\n animation: circle-spin-bf6d760c 1.5s linear infinite;\\n}\\n@keyframes circle-spin-bf6d760c {\\nfrom {\\r\\n transform: rotate(0deg);\\n}\\nto {\\r\\n transform: rotate(360deg);\\n}\\n}\\r\\n/* 聚焦仅变色，取消阴影 */\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: #1677ff;\\r\\n background: #fff;\\r\\n box-shadow: none;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n border: none;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n resize: none;\\r\\n font-size: 16px;\\r\\n line-height: 24px;\\r\\n min-height: 38px;\\r\\n height: 100px;\\r\\n max-height: 100px;\\r\\n overflow-y: auto;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: inherit;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\r\\n/* 发送按钮 纯蓝色矩形，隐藏svg图标，显示文字发送 */\\n.send-btn[data-v-bf6d760c] {\\r\\n width: auto;\\r\\n height: 40px;\\r\\n padding: 0 21px;\\r\\n border-radius: 6px;\\r\\n border: none;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n font-size: 14px;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: \\\"发送\\\";\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn.active[data-v-bf6d760c]:hover {\\r\\n background: #4096ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n border-radius: 50%;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\n}\\n.stop-btn[data-v-bf6d760c]:hover {\\r\\n background: #ff7875;\\n}\\r\\n/* 右下角提示文字，精准定位在按钮左侧，和截图位置完全对齐 */\\n.input-area[data-v-bf6d760c]::after {\\r\\n content: \\\"Enter 发送，Ctrl+Enter 换行\\\";\\r\\n position: absolute;\\r\\n right: 100px;\\r\\n bottom: 28px;\\r\\n font-size: 14px;\\r\\n color: #8c8c8c;\\r\\n pointer-events: none;\\n}\\r\\n/* 滚动到底部按钮样式 */\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #ffffff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n transition: all 0.2s ease;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c]:hover {\\r\\n transform: scale(1.1);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\r\\n\\r\\n\\r\\n/* 外层页面容器 对应box_9区域 */\\n.agent-select-page[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n /* 内部全部居中 */\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应，居中 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 1200px;\\n}\\r\\n\\r\\n/* 标题区域居中 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 28px!important;\\r\\n color: #000;\\r\\n font-weight: 500!important;\\r\\n font-family: PingFangSC-Medium;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 智能助手列表：一行2个自适应等分，自动换行 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片基础样式，无固定宽度，自适应网格列宽 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n padding: 20px 20px 19px 116px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\\n}\\r\\n\\r\\n/* 上浮头像容器 */\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 3px;\\r\\n top: -36px;\\n}\\r\\n\\r\\n/* 头像默认样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\n}\\r\\n/* 有头像图片：大尺寸 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 97px;\\r\\n height: 126px;\\r\\n background-size: cover;\\n}\\r\\n/* 无头像文字首字母：小尺寸，偏移适配 */\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 76px;\\r\\n height: 108px;\\r\\n transform: translateX(9px);\\n}\\r\\n\\r\\n/* 文字内容区 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\n}\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-family: PingFangSC-Medium;\\r\\n color: #000;\\r\\n line-height: 22px;\\r\\n margin-bottom: 8px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-family: PingFangSC-Regular;\\r\\n color: #666;\\r\\n line-height: 21px;\\r\\n /* 核心三行单行省略，文字超出自动... */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\r\\n /* 关键：继承父容器宽度，不会超出父盒子 */\\r\\n width: 100%;\\r\\n display: block;\\n}\\r\\n/* 响应式适配：小屏幕自动变为单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 60px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\r\\n\\r\\n\\r\\n/* ── 聊天空白欢迎页（匹配蓝湖移动端聊天首页） ── */\\n.chat-empty-welcome[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 40px 20px;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 0px;\\r\\n max-width: 600px;\\r\\n margin: 80px auto;\\n}\\r\\n\\r\\n/* 顶部渐变欢迎卡片 */\\n.welcome-card[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n background: linear-gradient(296deg, #D6EDFF 20%, #E8EBFF 80%);\\r\\nborder-radius: 16px 16px 0px 0px;\\r\\n padding: 24px 24px 24px 150px;\\r\\n overflow: visible;\\n}\\r\\n/* 左侧探出头像容器 */\\n.welcome-avatar-box[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 15px;\\r\\n bottom: 0px;\\r\\n width: 110px;\\r\\n height: 137px;\\n}\\n.welcome-avatar[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n border-radius: 12px;\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 20px;\\r\\n color: #fff;\\r\\n font-weight: 600;\\n}\\n.welcome-avatar.has-chat-agent-img[data-v-bf6d760c] {\\r\\n background: transparent;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\n}\\n.welcome-text-group[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 6px;\\n}\\n.welcome-text-group .text-sm[data-v-bf6d760c] {\\r\\nfont-weight: 400;font-size: 12px;color: #666666;\\r\\ntext-align: left;\\r\\nfont-style: normal;\\n}\\n.welcome-text-group .text-lg[data-v-bf6d760c] {\\r\\n \\r\\n font-weight: 500;\\r\\nfont-size: 16px;\\r\\ncolor: #000000;\\n}\\r\\n\\r\\n/* 猜你想问容器 */\\n.guess-box[data-v-bf6d760c] {\\r\\n border-top: 1px solid #fff;\\r\\n background: linear-gradient(180deg, #B8DCFF 0%, #DFF0FF 50%, #FFFFFF 100%);\\r\\n border-radius: 0 0 16px 16px;\\r\\n padding: 20px;\\n}\\n.guess-title[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #222;\\r\\n margin-bottom: 16px;\\n}\\n.tag-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 10px;\\n}\\n.quick-tag[data-v-bf6d760c] {\\r\\n padding: 8px 14px;\\r\\n background: #F2FAFF;\\r\\n border-radius: 8px;\\r\\n font-size: 14px;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n border: 1px solid #e0eaff;\\r\\n transition: all 0.2s;\\r\\n white-space: nowrap;\\n}\\r\\n/* .quick-tag:hover {\\r\\n background: #f0f7ff;\\r\\n border-color: #1677ff;\\r\\n} */\\n.chat-agent-avatar-wrapper div[data-v-bf6d760c]{\\r\\n width: 44px;\\r\\n height: 44px;\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* 外层大容器，本地渐变背景铺满全屏，内部全部居中 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n min-height: 100%;\\r\\n padding: 80px 20px;\\r\\n /* 本地背景图铺满 */\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应居中，无固定宽 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 920px;\\n}\\r\\n\\r\\n/* 标题样式，居中、字号、间距匹配效果图 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 26px;\\r\\n color: #222;\\r\\n font-weight: 500;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 卡片网格：一行2等分，行列间距对齐效果图 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片核心样式：圆角、内边距、相对定位，无固定宽度 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n /* 左侧留出头像位置，文字靠右内缩 */\\r\\n padding: 22px 20px 20px 110px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.25s ease;\\r\\n /* 轻微柔和阴影，和效果图一致 */\\r\\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\\n}\\r\\n\\r\\n\\r\\n/* 头像本体通用样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\r\\n /* 效果图统一卡通头像尺寸 */\\r\\n width: 92px;\\r\\n height: 106px;\\n}\\r\\n/* 有头像图片完整展示，不裁切 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n background-size: cover;\\n}\\r\\n\\r\\n/* 文字区域垂直排列 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n max-width: 300px;\\r\\n flex-shrink: 0; /* 如果是flex布局，禁止自身被压缩 */\\n}\\r\\n/* 助手名称 */\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #111;\\r\\n line-height: 22px;\\r\\n margin-bottom: 6px;\\n}\\r\\n/* 描述文本 */\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n line-height: 20px;\\r\\n /* 超长描述单行省略 */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\n}\\r\\n\\r\\n/* 移动端适配：小屏幕自动单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 40px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\n.chat-layout[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n min-height: 0;\\r\\n overflow: hidden;\\n}\\n.sidebar-mask[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: rgba(15, 23, 42, 0.28);\\r\\n z-index: 29;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px !important;\\r\\n height: 28px !important;\\r\\n border-radius: 8px !important;\\r\\n font-size: 12px !important;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.chat-main[data-v-bf6d760c],\\r\\n.chat-body[data-v-bf6d760c] {\\r\\n min-height: 0;\\n}\\n.header-left[data-v-bf6d760c],\\r\\n.header-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\r\\n gap: 10px;\\n}\\n.header-actions[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n.mobile-back-btn[data-v-bf6d760c],\\r\\n.mobile-header-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: #f5f7fa;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn i[data-v-bf6d760c],\\r\\n.mobile-back-btn i[data-v-bf6d760c],\\r\\n.mobile-header-btn i[data-v-bf6d760c] {\\r\\n font-size: 18px;\\n}\\n.mobile-back-btn i[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: min(300px, 32vw);\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 16px clamp(12px, 3vw, 40px);\\r\\n background-position: center;\\r\\n background-size: cover;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: min(300px, 45vw);\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 18px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: min(100%, 860px) !important;\\r\\n max-width: 860px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n float: none;\\r\\n margin-left: auto;\\r\\n max-width: min(100%, 520px);\\n}\\n.final-content[data-v-bf6d760c],\\r\\n.thinking-body[data-v-bf6d760c],\\r\\n.bubble[data-v-bf6d760c] {\\r\\n overflow-wrap: anywhere;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 24px 0;\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: min(100%, 1000px) !important;\\r\\n box-sizing: border-box;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1 1 320px;\\r\\n min-width: 0;\\n}\\n@media screen and (max-width: 768px) {\\n.chat-layout.is-mobile[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100dvh;\\n}\\r\\n\\r\\n /* agent-selector H5 顶部栏 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 0 !important;\\n}\\n.agent-selector .agent-wrap[data-v-bf6d760c] {\\r\\n padding: 40px 16px 0;\\r\\n box-sizing: border-box;\\n}\\n.mobile-agent-select-header[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n padding: 10px 0;\\r\\n min-height: 44px;\\n}\\n.mobile-agent-select-header .mobile-agent-back[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 4px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n background: transparent;\\r\\n border: none;\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n padding: 0;\\r\\n color: #333;\\n}\\n.mobile-agent-select-header .mobile-agent-back i[data-v-bf6d760c] {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\n}\\n.mobile-agent-select-header .mobile-agent-title-text[data-v-bf6d760c] {\\r\\n font-size: 17px;\\r\\n font-weight: 500;\\r\\n color: #000;\\n}\\n.agent-selector .agent-title[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* H5列表模式：侧边栏全屏展示 */\\n.chat-layout.h5-list-mode .chat-sidebar[data-v-bf6d760c] {\\r\\n position: relative !important;\\r\\n width: 100% !important;\\r\\n max-width: 100% !important;\\r\\n min-width: 100% !important;\\r\\n height: 100%;\\r\\n transform: translateX(0) !important;\\r\\n box-shadow: none !important;\\r\\n border-right: none;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 14px 16px;\\r\\n position: relative;\\n}\\n.sidebar-back-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: transparent;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n position: absolute;\\r\\n left: 8px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n padding: 0;\\n}\\n.sidebar-back-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header img[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 16px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\r\\n cursor: pointer;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0 auto 0 0;\\r\\n width: min(82vw, 320px);\\r\\n min-width: auto;\\r\\n max-width: 320px;\\r\\n height: 100%;\\r\\n border-right: none;\\r\\n box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);\\r\\n transform: translateX(-100%);\\r\\n transition: transform 0.24s ease;\\n}\\n.chat-sidebar.open[data-v-bf6d760c] {\\r\\n transform: translateX(0);\\n}\\n.chat-header[data-v-bf6d760c] {\\r\\n padding: 10px 12px;\\r\\n background: transparent;\\r\\n border-bottom: none;\\n}\\n.chat-header .chat-agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .agent-desc[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n justify-content: center;\\r\\n position: relative;\\n}\\n.chat-header .header-left .mobile-back-btn[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n background: transparent;\\n}\\n.chat-header .header-actions .mobile-header-btn[data-v-bf6d760c] {\\r\\n background: transparent;\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 12px;\\r\\n background-position: center top;\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 12px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n max-width: 88%;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: calc(100% - 24px) !important;\\r\\n margin: 0 12px;\\r\\n padding: 6px 6px 6px 4px;\\r\\n border-radius: 24px;\\r\\n border: none;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\r\\n flex-wrap: nowrap;\\r\\n align-items: center;\\n}\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: transparent;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\n}\\n.input-area[data-v-bf6d760c]::after {\\r\\n display: none;\\n}\\n.voice-btn[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n border: none;\\r\\n background: transparent;\\r\\n border-radius: 50%;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: background 0.2s;\\r\\n padding: 0;\\n}\\n.voice-btn[data-v-bf6d760c]:active {\\r\\n background: rgba(0,0,0,0.05);\\n}\\n.voice-btn[data-v-bf6d760c]:disabled {\\r\\n opacity: 0.4;\\r\\n cursor: not-allowed;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n flex-basis: 0;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n max-height: 100px;\\r\\n font-size: 15px;\\r\\n background: #EBEBEB;\\r\\n border-radius: 18px;\\r\\n padding: 0 14px;\\r\\n line-height: 36px;\\r\\n margin: 0 4px;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.send-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n padding: 0;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: none;\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.send-btn[data-v-bf6d760c]:active {\\r\\n transform: scale(0.92);\\n}\\r\\n\\r\\n /* 移动端停止按钮 */\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 28px 12px;\\n}\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 52px 0;\\n}\\n.agent-item[data-v-bf6d760c] {\\r\\n height: auto;\\r\\n min-height: 84px;\\r\\n padding: 18px 16px 18px 96px;\\n}\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n left: 8px;\\r\\n top: -18px;\\n}\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 74px;\\r\\n height: 88px;\\n}\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 62px;\\r\\n height: 78px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n white-space: normal;\\r\\n display: -webkit-box;\\r\\n -webkit-line-clamp: 2;\\r\\n -webkit-box-orient: vertical;\\n}\\n.guess-box[data-v-bf6d760c] {\\r\\n padding: 16px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* ── H5 语音模式 ── */\\n.hold-talk-btn[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 6px;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n margin: 0 4px;\\r\\n border-radius: 18px;\\r\\n background: #EBEBEB;\\r\\n border: none;\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n cursor: pointer;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\r\\n -webkit-user-select: none;\\r\\n transition: background 0.15s;\\n}\\n.hold-talk-btn[data-v-bf6d760c]:active {\\r\\n background: #ddd;\\n}\\n.hold-talk-btn.recording[data-v-bf6d760c] {\\r\\n background: #e8f0fe;\\r\\n color: #333;\\n}\\n.hold-talk-btn .hold-talk-icon[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\r\\n\\r\\n /* 语音录制浮层 */\\n.voice-recording-overlay[data-v-bf6d760c] {\\r\\n position: fixed;\\r\\n left: 0;\\r\\n right: 0;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: rgba(0,0,0,0.35);\\r\\n animation: fadeIn-bf6d760c 0.15s ease;\\n}\\n.voice-recording-card[data-v-bf6d760c] {\\r\\n width: 200px;\\r\\n padding: 32px 24px 24px;\\r\\n background: #fff;\\r\\n border-radius: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n gap: 16px;\\r\\n box-shadow: 0 8px 32px rgba(0,0,0,0.15);\\n}\\n.voice-recording-wave[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n height: 40px;\\n}\\n.voice-recording-wave span[data-v-bf6d760c] {\\r\\n width: 4px;\\r\\n background: #1677ff;\\r\\n border-radius: 2px;\\r\\n animation: waveAnim-bf6d760c 0.6s ease-in-out infinite alternate;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(1) { height: 16px; animation-delay: 0s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(2) { height: 28px; animation-delay: 0.1s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(3) { height: 40px; animation-delay: 0.2s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(4) { height: 28px; animation-delay: 0.3s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(5) { height: 16px; animation-delay: 0.4s;\\n}\\n@keyframes waveAnim-bf6d760c {\\n0% { transform: scaleY(0.6);\\n}\\n100% { transform: scaleY(1);\\n}\\n}\\n.voice-recording-duration[data-v-bf6d760c] {\\r\\n font-size: 32px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1;\\n}\\n.voice-recording-duration .unit[data-v-bf6d760c] {\\r\\n font-size: 18px;\\r\\n font-weight: 400;\\r\\n color: #999;\\r\\n margin-left: 2px;\\n}\\n.voice-recording-hint[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n font-size: 13px;\\r\\n color: #999;\\n}\\n.voice-recording-hint.cancel[data-v-bf6d760c] {\\r\\n color: #ff4d4f;\\n}\\n@keyframes fadeIn-bf6d760c {\\nfrom { opacity: 0;\\n}\\nto { opacity: 1;\\n}\\n}\\n}\\n@media screen and (max-width: 480px) {\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: calc(100vw - 132px);\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n .mobile-header-btn[data-v-bf6d760c] {\\r\\n width: 32px;\\r\\n height: 32px;\\n}\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--7-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
3264
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.chat-layout[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n background: #fff;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\\n}\\r\\n\\r\\n/* ── Sidebar ── */\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: 300px;\\r\\n min-width: 300px;\\r\\n background: #fff;\\r\\n border-right: 1px solid #e8e8e8;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\n}\\n.sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 14px 8px 14px 16px;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\n}\\n.sidebar-header i[data-v-bf6d760c]{\\r\\n font-size: 20px;\\r\\n cursor: pointer;\\n}\\n.sidebar-header img[data-v-bf6d760c]{\\r\\n cursor: pointer;\\n}\\n.sidebar-title[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\n}\\n.sidebar-search[data-v-bf6d760c] {\\r\\n padding: 8px 16px;\\r\\n flex-shrink: 0;\\r\\n position: relative;\\r\\n z-index: 20;\\n}\\n.sidebar-search .search-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n position: relative;\\n}\\n.sidebar-search .search-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n flex-shrink: 0;\\r\\n pointer-events: none;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 32px;\\r\\n border-radius: 16px;\\r\\n background: #f5f5f5;\\r\\n border: 1px solid transparent;\\r\\n font-size: 13px;\\r\\n padding: 0 32px 0 34px;\\r\\n outline: none;\\r\\n box-sizing: border-box;\\r\\n transition: all 0.2s;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c]:focus {\\r\\n background: #fff;\\r\\n border: 1px solid #1677ff;\\n}\\n.sidebar-search .search-clear[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.search-suggestions[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n left: 16px;\\r\\n right: 16px;\\r\\n background: #fff;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\\r\\n z-index: 100;\\r\\n max-height: 240px;\\r\\n overflow-y: auto;\\r\\n margin-top: 4px;\\n}\\n.suggestion-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n padding: 10px 12px;\\r\\n cursor: pointer;\\r\\n transition: background 0.15s;\\n}\\n.suggestion-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n border-radius: 6px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.suggestion-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n white-space: nowrap;\\n}\\n.suggestion-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.session-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n padding: 6px 16px;\\r\\n /* 顶部留白，匹配UI顶部空隙 */\\r\\n padding-bottom: 10px;\\r\\n cursor: pointer;\\r\\n border-bottom: 1px solid #f5f5f5;\\r\\n transition: background 0.15s;\\r\\n position: relative;\\r\\n gap: 10px;\\r\\n border-radius: 4px;\\n}\\n.session-left-item[data-v-bf6d760c]{\\r\\n margin-left: 5px;\\n}\\n.session-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.session-item.active[data-v-bf6d760c] {\\r\\n background: #F5F5F5\\n}\\n.session-avatar[data-v-bf6d760c] {\\r\\n width: 44px!important;\\r\\n height: 44px!important;\\r\\n /* UI是圆形头像，把8px圆角改成50% */\\r\\n border-radius: 50%!important;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px!important;\\r\\n font-weight: 600;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n overflow: hidden; /* 裁切图片，保证圆形 */\\n}\\r\\n/* 头像图片样式，居中完整展示，四周露出底色 */\\n.avatar-pic[data-v-bf6d760c] {\\r\\n width: 85%;\\r\\n height: 85%;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\n}\\n.session-info[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\n}\\n.session-agent[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n margin-bottom: 2px;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-preview[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n flex-shrink: 0;\\r\\n margin-left: 8px;\\r\\n margin-right: 4px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 4px;\\r\\n top: 20px;\\r\\n transform: translateY(-50%);\\r\\n opacity: 0;\\r\\n transition: opacity 0.15s;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border: none;\\r\\n background: transparent;\\r\\n padding: 0;\\r\\n color: #333;\\r\\n cursor: pointer;\\n}\\n.session-delete svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\n.session-item:hover .session-delete[data-v-bf6d760c] {\\r\\n opacity: 1;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.sidebar-empty[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #bbb;\\r\\n font-size: 14px;\\r\\n padding-bottom: 40px;\\n}\\n.empty-icon[data-v-bf6d760c] {\\r\\n font-size: 36px;\\r\\n margin-bottom: 8px;\\n}\\n.empty-hint[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #d9d9d9;\\r\\n margin-top: 4px;\\n}\\r\\n/* ── Main ── */\\n.chat-main[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n min-width: 0;\\n}\\r\\n\\r\\n/* ── Header ── */\\n.chat-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 10px 20px;\\r\\n background: #fff;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\r\\n z-index: 10;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n min-width: 0;\\n}\\n.agent-info[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\n}\\n.agent-icon[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 8px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\r\\n/* 和左侧会话头像保持 4 色循环背景 */\\n.agent-info:nth-child(4n + 2) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\n}\\n.agent-info:nth-child(4n + 3) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #fa8c16, #ffa940);\\n}\\n.agent-info:nth-child(4n + 4) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #722ed1, #b37feb);\\n}\\n.agent-text[data-v-bf6d760c] {\\r\\n min-width: 0;\\n}\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1.3;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\r\\n max-width: 300px;\\n}\\n.header-right[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.manage-link[data-v-bf6d760c] {\\r\\n font-size: 13px;\\r\\n color: #1677ff;\\r\\n text-decoration: none;\\n}\\n.manage-link[data-v-bf6d760c]:hover {\\r\\n color: #4096ff;\\n}\\r\\n\\r\\n/* ── Chat Body ── */\\n.chat-body[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 16px 40px;\\r\\n scroll-behavior: auto;\\r\\n position: relative; /* 👈 就加这一行！！ */\\r\\n -webkit-overflow-scrolling: touch;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/agentbackground.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\n}\\n.welcome[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n color: #bbb;\\r\\n margin: 0 -20px;\\n}\\n.welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 12px;\\r\\n opacity: 0.7;\\n}\\n.welcome-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\n}\\n.welcome-default .welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 16px;\\n}\\n.welcome-title[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n margin-bottom: 8px;\\n}\\r\\n\\r\\n/* ── Message Row ── */\\n.msg-row[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n padding: 20px 16px;\\r\\n box-sizing: border-box;\\r\\n align-items: center;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n max-width: 85%;\\r\\n /* 最大内容宽度限制，避免超宽 */\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-row.assistant[data-v-bf6d760c] {\\r\\n justify-content: center;\\n}\\n.load-more[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n padding: 4px 0;\\n}\\n.msg-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n margin-top: 2px;\\r\\n padding-left: 4px;\\n}\\n.msg-row.user .msg-time[data-v-bf6d760c] {\\r\\n text-align: right;\\r\\n padding-right: 4px;\\n}\\n.msg-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 4px;\\r\\n margin-top: 4px;\\r\\n padding-left: 4px;\\n}\\n.action-btn[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n cursor: pointer;\\r\\n padding: 2px 6px 2px 0;\\r\\n border-radius: 4px;\\r\\n transition: all 0.2s;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.action-btn[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\r\\n background: #f0f5ff;\\n}\\r\\n\\r\\n/* ── STT 语音转文字状态 ── */\\n.stt-status-block[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n font-size: 14px;\\r\\n line-height: 1.5;\\n}\\r\\n/* ── STT 状态（图标紧贴气泡左侧，文字在气泡内） ── */\\n.stt-bubble-wrap[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\n}\\n.stt-outside-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 100%;\\r\\n top: 50%;\\r\\n margin-top: -9px;\\r\\n margin-right: 20px;\\n}\\n.stt-spinner[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n border: 2.5px solid #d9d9d9;\\r\\n border-top-color: #1677ff;\\r\\n border-right-color: #4096ff;\\r\\n border-radius: 50%;\\r\\n animation: stt-spin-bf6d760c 0.6s linear infinite;\\r\\n flex-shrink: 0;\\r\\n box-sizing: border-box;\\n}\\n@keyframes stt-spin-bf6d760c {\\nto { transform: rotate(360deg);\\n}\\n}\\n.stt-error-icon[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n font-size: 12px;\\r\\n font-weight: 700;\\r\\n border-radius: 50%;\\r\\n line-height: 1;\\r\\n flex-shrink: 0;\\n}\\n.stt-bubble-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\r\\n color: #fff;\\r\\n white-space: nowrap;\\r\\n margin: 6px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n gap: 10px;\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-avatar[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 700;\\r\\n flex-shrink: 0;\\r\\n color: #fff;\\n}\\n.msg-avatar.user[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\n}\\n.msg-avatar.assistant[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\r\\n color: #fff;\\n}\\n.msg-agent-label[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n margin-bottom: 2px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 800px;\\r\\n box-sizing: border-box;\\r\\n overflow: hidden;\\n}\\r\\n\\r\\n/* ── Bubble ── */\\n.bubble[data-v-bf6d760c] {\\r\\n max-width: 100%;\\r\\n min-width: 30px;\\r\\n width: -moz-fit-content;\\r\\n width: fit-content;\\r\\n padding: 8px 14px;\\r\\n border-radius: 12px;\\r\\n line-height: 1.4;\\r\\n font-size: 15px;\\r\\n word-break: break-word;\\r\\n white-space: normal;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c]:has(.typing) {\\r\\n padding: 16px 20px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border-bottom-right-radius: 4px;\\r\\n box-shadow: 0 2px 8px rgba(22, 119, 255, 0.15);\\r\\n float: right;\\n}\\n.bubble.assistant[data-v-bf6d760c] {\\r\\n background: #fff;\\r\\n color: #333;\\r\\n border-bottom-left-radius: 4px;\\r\\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);\\r\\n text-align: left;\\r\\n width: 100%;\\r\\n box-sizing: border-box;\\n}\\n.bubble[data-v-bf6d760c] table {\\r\\n border-collapse: collapse;\\r\\n width: 100%;\\r\\n margin: 6px 0;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] th,\\r\\n.bubble[data-v-bf6d760c] td {\\r\\n border: 1px solid #e8e8e8;\\r\\n padding: 5px 8px;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c] th {\\r\\n background: #fafafa;\\r\\n font-weight: 600;\\n}\\n.bubble[data-v-bf6d760c] code {\\r\\n /* background: #f0f2f5; */\\r\\n padding: 1px 5px;\\r\\n border-radius: 3px;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] pre {\\r\\n background: #f6f8fa;\\r\\n color: #333;\\r\\n padding: 12px;\\r\\n border-radius: 6px;\\r\\n overflow-x: auto;\\r\\n font-size: 13px;\\r\\n border: 1px solid #e8e8e8;\\r\\n margin: 8px 0;\\r\\n line-height: 1.5;\\r\\n white-space: pre;\\n}\\n.bubble[data-v-bf6d760c] ul,\\r\\n.bubble[data-v-bf6d760c] ol {\\r\\n padding-left: 20px;\\r\\n margin: 4px 0;\\n}\\n.bubble[data-v-bf6d760c] li {\\r\\n margin: 2px 0;\\n}\\n.bubble[data-v-bf6d760c] p{\\r\\n margin: 6px 0;\\n}\\r\\n\\r\\n/* ── Thinking ── */\\n.thinking-details[data-v-bf6d760c] {\\r\\n margin-bottom: 10px;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n overflow: hidden;\\r\\n background: #fafafa;\\n}\\n.thinking-summary[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #888;\\r\\n cursor: pointer;\\r\\n padding: 6px 10px;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.thinking-summary[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\n}\\n.thinking-body[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n padding: 8px 12px;\\r\\n line-height: 1.6;\\r\\n border-top: 1px solid #f0f0f0;\\r\\n text-align: left;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-word;\\r\\n /* 兼容中英文混合断行优化 */\\r\\n overflow-wrap: break-word;\\n}\\n.final-content[data-v-bf6d760c]{\\r\\n /* white-space: pre-wrap; */\\r\\n word-break: break-word;\\r\\n overflow-wrap: break-word;\\n}\\n.thinking-body[data-v-bf6d760c] p {\\r\\n margin: 4px 0;\\n}\\r\\n\\r\\n/* ── Typing ── */\\n.typing[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n min-height: 24px;\\r\\n justify-content: flex-start;\\r\\n padding: 4px 0;\\n}\\n.typing .phrase[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #888;\\r\\n white-space: nowrap;\\r\\n animation: phraseFade-bf6d760c 0.5s ease;\\r\\n letter-spacing: 0.5px;\\n}\\n.typing .dots[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 5px;\\r\\n align-items: center;\\r\\n justify-content: center;\\n}\\n.typing .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n background: #bbb;\\r\\n border-radius: 50%;\\r\\n animation: dtTyping-bf6d760c 1.3s infinite ease-in-out;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(2) {\\r\\n animation-delay: 0.16s;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(3) {\\r\\n animation-delay: 0.32s;\\n}\\n@keyframes phraseFade-bf6d760c {\\nfrom {\\r\\n opacity: 0.2;\\r\\n transform: translateY(4px);\\n}\\nto {\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\n}\\n}\\n@keyframes dtTyping-bf6d760c {\\n0%,\\r\\n 60%,\\r\\n 100% {\\r\\n transform: translateY(0);\\r\\n opacity: 0.3;\\n}\\n30% {\\r\\n transform: translateY(-5px);\\r\\n opacity: 1;\\n}\\n}\\r\\n\\r\\n/* ── Scroll Buttons ── */\\n.scroll-btns[data-v-bf6d760c] {\\r\\n position: sticky;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: 20px;\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n margin-top: 10px;\\r\\n pointer-events: none;\\n}\\n.scroll-btn[data-v-bf6d760c] {\\r\\n pointer-events: auto;\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\n}\\n.scroll-btn i[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n color: #333;\\n}\\r\\n/* ── Wait Timer ── */\\n.typing.wait-5 .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n animation-duration: 1s;\\n}\\n.typing.wait-5 .phrase[data-v-bf6d760c] {\\r\\n color: #888;\\n}\\n.typing.wait-10 .dots span[data-v-bf6d760c] {\\r\\n width: 9px;\\r\\n height: 9px;\\r\\n animation-duration: 0.8s;\\r\\n background: #909399;\\n}\\n.typing.wait-10 .phrase[data-v-bf6d760c] {\\r\\n color: #909399;\\n}\\n.typing.wait-10 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 1s infinite ease-in-out;\\n}\\n.typing.wait-15 .dots span[data-v-bf6d760c] {\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n animation-duration: 0.6s;\\r\\n background: #1677ff;\\n}\\n.typing.wait-15 .phrase[data-v-bf6d760c] {\\r\\n color: #1677ff;\\n}\\n.typing.wait-15 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 0.6s infinite ease-in-out;\\n}\\n@keyframes dtPulse-bf6d760c {\\n0%,\\r\\n 100% {\\r\\n transform: scale(1);\\n}\\n50% {\\r\\n transform: scale(1.05);\\n}\\n}\\n.tool-calls[data-v-bf6d760c] {\\r\\n margin-top: 8px;\\n}\\n.tool-item[data-v-bf6d760c] {\\r\\n background: #f5f5f5;\\r\\n border-radius: 6px;\\r\\n padding: 6px 10px;\\r\\n margin-bottom: 4px;\\r\\n font-size: 12px;\\n}\\n.tool-badge[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n margin-bottom: 2px;\\r\\n font-size: 11px;\\r\\n color: #fa8c16;\\r\\n font-weight: 500;\\n}\\n.tool-item pre[data-v-bf6d760c] {\\r\\n margin: 0;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-all;\\r\\n font-size: 12px;\\r\\n color: #666;\\r\\n max-height: 120px;\\r\\n overflow-y: auto;\\n}\\r\\n\\r\\n/* ── Footer ── */\\n.chat-footer[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\r\\n border-top: none;\\r\\n padding: 30px 0;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: flex-end;\\r\\n gap: 6px;\\r\\n background: #fff;\\r\\n border-radius: 24px;\\r\\n /* 左右留白，实现居中效果，和截图边距一致 */\\r\\n margin: 0 24px;\\r\\n padding: 18px 20px;\\r\\n border: 1px solid #b3d8ff;\\r\\n transition: border-color 0.2s;\\r\\n flex-wrap: wrap;\\r\\n width: 1000px;\\n}\\r\\n/* 原有悬浮滚动按钮逻辑完全保留不动 */\\n.scroll-bottom-wrap[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: calc(100% + 30px);\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n pointer-events: none;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n border: 1px solid #e5e7eb;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n pointer-events: auto;\\r\\n position: relative;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #4e5969;\\n}\\r\\n/* 加载转圈动画原样保留 */\\n.loading-circle[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 3px;\\r\\n border-radius: 50%;\\r\\n border: 1.5px solid transparent;\\r\\n border-top: 1.5px solid #1677ff;\\r\\n animation: circle-spin-bf6d760c 1.5s linear infinite;\\n}\\n@keyframes circle-spin-bf6d760c {\\nfrom {\\r\\n transform: rotate(0deg);\\n}\\nto {\\r\\n transform: rotate(360deg);\\n}\\n}\\r\\n/* 聚焦仅变色，取消阴影 */\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: #1677ff;\\r\\n background: #fff;\\r\\n box-shadow: none;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n border: none;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n resize: none;\\r\\n font-size: 16px;\\r\\n line-height: 24px;\\r\\n min-height: 38px;\\r\\n height: 100px;\\r\\n max-height: 100px;\\r\\n overflow-y: auto;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: inherit;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\r\\n/* 发送按钮 纯蓝色矩形，隐藏svg图标，显示文字发送 */\\n.send-btn[data-v-bf6d760c] {\\r\\n width: auto;\\r\\n height: 40px;\\r\\n padding: 0 21px;\\r\\n border-radius: 6px;\\r\\n border: none;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n font-size: 14px;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: \\\"发送\\\";\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn.active[data-v-bf6d760c]:hover {\\r\\n background: #4096ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n border-radius: 50%;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\n}\\n.stop-btn[data-v-bf6d760c]:hover {\\r\\n background: #ff7875;\\n}\\r\\n/* 右下角提示文字，精准定位在按钮左侧，和截图位置完全对齐 */\\n.input-area[data-v-bf6d760c]::after {\\r\\n content: \\\"Enter 发送，Ctrl+Enter 换行\\\";\\r\\n position: absolute;\\r\\n right: 100px;\\r\\n bottom: 28px;\\r\\n font-size: 14px;\\r\\n color: #8c8c8c;\\r\\n pointer-events: none;\\n}\\r\\n/* 滚动到底部按钮样式 */\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #ffffff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n transition: all 0.2s ease;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c]:hover {\\r\\n transform: scale(1.1);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\r\\n\\r\\n\\r\\n/* 外层页面容器 对应box_9区域 */\\n.agent-select-page[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n /* 内部全部居中 */\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应，居中 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 1200px;\\n}\\r\\n\\r\\n/* 标题区域居中 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 28px!important;\\r\\n color: #000;\\r\\n font-weight: 500!important;\\r\\n font-family: PingFangSC-Medium;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 智能助手列表：一行2个自适应等分，自动换行 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片基础样式，无固定宽度，自适应网格列宽 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n padding: 20px 20px 19px 116px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\\n}\\r\\n\\r\\n/* 上浮头像容器 */\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 3px;\\r\\n top: -36px;\\n}\\r\\n\\r\\n/* 头像默认样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\n}\\r\\n/* 有头像图片：大尺寸 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 97px;\\r\\n height: 126px;\\r\\n background-size: cover;\\n}\\r\\n/* 无头像文字首字母：小尺寸，偏移适配 */\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 76px;\\r\\n height: 108px;\\r\\n transform: translateX(9px);\\n}\\r\\n\\r\\n/* 文字内容区 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\n}\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-family: PingFangSC-Medium;\\r\\n color: #000;\\r\\n line-height: 22px;\\r\\n margin-bottom: 8px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-family: PingFangSC-Regular;\\r\\n color: #666;\\r\\n line-height: 21px;\\r\\n /* 核心三行单行省略，文字超出自动... */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\r\\n /* 关键：继承父容器宽度，不会超出父盒子 */\\r\\n width: 100%;\\r\\n display: block;\\n}\\r\\n/* 响应式适配：小屏幕自动变为单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 60px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\r\\n\\r\\n\\r\\n/* ── 聊天空白欢迎页（匹配蓝湖移动端聊天首页） ── */\\n.chat-empty-welcome[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 40px 20px;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 0px;\\r\\n max-width: 600px;\\r\\n margin: 80px auto;\\n}\\r\\n\\r\\n/* 顶部渐变欢迎卡片 */\\n.welcome-card[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n background: linear-gradient(296deg, #D6EDFF 20%, #E8EBFF 80%);\\r\\nborder-radius: 16px 16px 0px 0px;\\r\\n padding: 24px 24px 24px 150px;\\r\\n overflow: visible;\\n}\\r\\n/* 左侧探出头像容器 */\\n.welcome-avatar-box[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 15px;\\r\\n bottom: 0px;\\r\\n width: 110px;\\r\\n height: 137px;\\n}\\n.welcome-avatar[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n border-radius: 12px;\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 20px;\\r\\n color: #fff;\\r\\n font-weight: 600;\\n}\\n.welcome-avatar.has-chat-agent-img[data-v-bf6d760c] {\\r\\n background: transparent;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\n}\\n.welcome-text-group[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 6px;\\n}\\n.welcome-text-group .text-sm[data-v-bf6d760c] {\\r\\nfont-weight: 400;font-size: 12px;color: #666666;\\r\\ntext-align: left;\\r\\nfont-style: normal;\\n}\\n.welcome-text-group .text-lg[data-v-bf6d760c] {\\r\\n \\r\\n font-weight: 500;\\r\\nfont-size: 16px;\\r\\ncolor: #000000;\\n}\\r\\n\\r\\n/* 猜你想问容器 */\\n.guess-box[data-v-bf6d760c] {\\r\\n border-top: 1px solid #fff;\\r\\n background: linear-gradient(180deg, #B8DCFF 0%, #DFF0FF 50%, #FFFFFF 100%);\\r\\n border-radius: 0 0 16px 16px;\\r\\n padding: 20px;\\n}\\n.guess-title[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #222;\\r\\n margin-bottom: 16px;\\n}\\n.tag-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 10px;\\n}\\n.quick-tag[data-v-bf6d760c] {\\r\\n padding: 8px 14px;\\r\\n background: #F2FAFF;\\r\\n border-radius: 8px;\\r\\n font-size: 14px;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n border: 1px solid #e0eaff;\\r\\n transition: all 0.2s;\\r\\n white-space: nowrap;\\n}\\r\\n/* .quick-tag:hover {\\r\\n background: #f0f7ff;\\r\\n border-color: #1677ff;\\r\\n} */\\n.chat-agent-avatar-wrapper div[data-v-bf6d760c]{\\r\\n width: 44px;\\r\\n height: 44px;\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* 外层大容器，本地渐变背景铺满全屏，内部全部居中 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n min-height: 100%;\\r\\n padding: 80px 20px;\\r\\n /* 本地背景图铺满 */\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应居中，无固定宽 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 920px;\\n}\\r\\n\\r\\n/* 标题样式，居中、字号、间距匹配效果图 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 26px;\\r\\n color: #222;\\r\\n font-weight: 500;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 卡片网格：一行2等分，行列间距对齐效果图 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片核心样式：圆角、内边距、相对定位，无固定宽度 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n /* 左侧留出头像位置，文字靠右内缩 */\\r\\n padding: 22px 20px 20px 110px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.25s ease;\\r\\n /* 轻微柔和阴影，和效果图一致 */\\r\\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\\n}\\r\\n\\r\\n\\r\\n/* 头像本体通用样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\r\\n /* 效果图统一卡通头像尺寸 */\\r\\n width: 92px;\\r\\n height: 106px;\\n}\\r\\n/* 有头像图片完整展示，不裁切 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n background-size: cover;\\n}\\r\\n\\r\\n/* 文字区域垂直排列 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n max-width: 300px;\\r\\n flex-shrink: 0; /* 如果是flex布局，禁止自身被压缩 */\\n}\\r\\n/* 助手名称 */\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #111;\\r\\n line-height: 22px;\\r\\n margin-bottom: 6px;\\n}\\r\\n/* 描述文本 */\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n line-height: 20px;\\r\\n /* 超长描述单行省略 */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\n}\\r\\n\\r\\n/* 移动端适配：小屏幕自动单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 40px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\n.chat-layout[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n min-height: 0;\\r\\n overflow: hidden;\\n}\\n.sidebar-mask[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: rgba(15, 23, 42, 0.28);\\r\\n z-index: 29;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px !important;\\r\\n height: 28px !important;\\r\\n border-radius: 8px !important;\\r\\n font-size: 12px !important;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.chat-main[data-v-bf6d760c],\\r\\n.chat-body[data-v-bf6d760c] {\\r\\n min-height: 0;\\n}\\n.header-left[data-v-bf6d760c],\\r\\n.header-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\r\\n gap: 10px;\\n}\\n.header-actions[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n.mobile-back-btn[data-v-bf6d760c],\\r\\n.mobile-header-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: #f5f7fa;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn i[data-v-bf6d760c],\\r\\n.mobile-back-btn i[data-v-bf6d760c],\\r\\n.mobile-header-btn i[data-v-bf6d760c] {\\r\\n font-size: 18px;\\n}\\n.mobile-back-btn i[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: min(300px, 32vw);\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 16px clamp(12px, 3vw, 40px);\\r\\n background-position: center;\\r\\n background-size: cover;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: min(300px, 45vw);\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 18px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: min(100%, 860px) !important;\\r\\n max-width: 860px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n float: none;\\r\\n margin-left: auto;\\r\\n max-width: min(100%, 520px);\\n}\\n.final-content[data-v-bf6d760c],\\r\\n.thinking-body[data-v-bf6d760c],\\r\\n.bubble[data-v-bf6d760c] {\\r\\n overflow-wrap: anywhere;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 24px 0;\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: min(100%, 1000px) !important;\\r\\n box-sizing: border-box;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1 1 320px;\\r\\n min-width: 0;\\n}\\n@media screen and (max-width: 768px) {\\n.chat-layout.is-mobile[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\n}\\r\\n\\r\\n /* agent-selector H5 顶部栏 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 0 !important;\\n}\\n.agent-selector .agent-wrap[data-v-bf6d760c] {\\r\\n padding: 40px 16px 0;\\r\\n box-sizing: border-box;\\n}\\n.mobile-agent-select-header[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n padding: 10px 0;\\r\\n min-height: 44px;\\n}\\n.mobile-agent-select-header .mobile-agent-back[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 4px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n background: transparent;\\r\\n border: none;\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n padding: 0;\\r\\n color: #333;\\n}\\n.mobile-agent-select-header .mobile-agent-back i[data-v-bf6d760c] {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\n}\\n.mobile-agent-select-header .mobile-agent-title-text[data-v-bf6d760c] {\\r\\n font-size: 17px;\\r\\n font-weight: 500;\\r\\n color: #000;\\n}\\n.agent-selector .agent-title[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* H5列表模式：侧边栏全屏展示 */\\n.chat-layout.h5-list-mode .chat-sidebar[data-v-bf6d760c] {\\r\\n position: relative !important;\\r\\n width: 100% !important;\\r\\n max-width: 100% !important;\\r\\n min-width: 100% !important;\\r\\n height: 100%;\\r\\n transform: translateX(0) !important;\\r\\n box-shadow: none !important;\\r\\n border-right: none;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 14px 16px;\\r\\n position: relative;\\n}\\n.sidebar-back-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: transparent;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n position: absolute;\\r\\n left: 8px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n padding: 0;\\n}\\n.sidebar-back-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header img[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 16px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\r\\n cursor: pointer;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0 auto 0 0;\\r\\n width: min(82vw, 320px);\\r\\n min-width: auto;\\r\\n max-width: 320px;\\r\\n height: 100%;\\r\\n border-right: none;\\r\\n box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);\\r\\n transform: translateX(-100%);\\r\\n transition: transform 0.24s ease;\\n}\\n.chat-sidebar.open[data-v-bf6d760c] {\\r\\n transform: translateX(0);\\n}\\n.chat-header[data-v-bf6d760c] {\\r\\n padding: 10px 12px;\\r\\n background: transparent;\\r\\n border-bottom: none;\\n}\\n.chat-header .chat-agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .agent-desc[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n justify-content: center;\\r\\n position: relative;\\n}\\n.chat-header .header-left .mobile-back-btn[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n background: transparent;\\n}\\n.chat-header .header-actions .mobile-header-btn[data-v-bf6d760c] {\\r\\n background: transparent;\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 12px;\\r\\n background-position: center top;\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 12px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n max-width: 88%;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: calc(100% - 24px) !important;\\r\\n margin: 0 12px;\\r\\n padding: 6px 6px 6px 4px;\\r\\n border-radius: 24px;\\r\\n border: none;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\r\\n flex-wrap: nowrap;\\r\\n align-items: center;\\n}\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: transparent;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\n}\\n.input-area[data-v-bf6d760c]::after {\\r\\n display: none;\\n}\\n.voice-btn[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n border: none;\\r\\n background: transparent;\\r\\n border-radius: 50%;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: background 0.2s;\\r\\n padding: 0;\\n}\\n.voice-btn[data-v-bf6d760c]:active {\\r\\n background: rgba(0,0,0,0.05);\\n}\\n.voice-btn[data-v-bf6d760c]:disabled {\\r\\n opacity: 0.4;\\r\\n cursor: not-allowed;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n flex-basis: 0;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n max-height: 100px;\\r\\n font-size: 15px;\\r\\n background: #EBEBEB;\\r\\n border-radius: 18px;\\r\\n padding: 0 14px;\\r\\n line-height: 36px;\\r\\n margin: 0 4px;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.send-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n padding: 0;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: none;\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.send-btn[data-v-bf6d760c]:active {\\r\\n transform: scale(0.92);\\n}\\r\\n\\r\\n /* 移动端停止按钮 */\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 28px 12px;\\n}\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 52px 0;\\n}\\n.agent-item[data-v-bf6d760c] {\\r\\n height: auto;\\r\\n min-height: 84px;\\r\\n padding: 18px 16px 18px 96px;\\n}\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n left: 8px;\\r\\n top: -18px;\\n}\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 74px;\\r\\n height: 88px;\\n}\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 62px;\\r\\n height: 78px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n white-space: normal;\\r\\n display: -webkit-box;\\r\\n -webkit-line-clamp: 2;\\r\\n -webkit-box-orient: vertical;\\n}\\n.guess-box[data-v-bf6d760c] {\\r\\n padding: 16px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* ── H5 语音模式 ── */\\n.hold-talk-btn[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 6px;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n margin: 0 4px;\\r\\n border-radius: 18px;\\r\\n background: #EBEBEB;\\r\\n border: none;\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n cursor: pointer;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\r\\n -webkit-user-select: none;\\r\\n transition: background 0.15s;\\n}\\n.hold-talk-btn[data-v-bf6d760c]:active {\\r\\n background: #ddd;\\n}\\n.hold-talk-btn.recording[data-v-bf6d760c] {\\r\\n background: #e8f0fe;\\r\\n color: #333;\\n}\\n.hold-talk-btn .hold-talk-icon[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\r\\n\\r\\n /* 语音录制浮层 */\\n.voice-recording-overlay[data-v-bf6d760c] {\\r\\n position: fixed;\\r\\n left: 0;\\r\\n right: 0;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: rgba(0,0,0,0.35);\\r\\n animation: fadeIn-bf6d760c 0.15s ease;\\n}\\n.voice-recording-card[data-v-bf6d760c] {\\r\\n width: 200px;\\r\\n padding: 32px 24px 24px;\\r\\n background: #fff;\\r\\n border-radius: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n gap: 16px;\\r\\n box-shadow: 0 8px 32px rgba(0,0,0,0.15);\\n}\\n.voice-recording-wave[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n height: 40px;\\n}\\n.voice-recording-wave span[data-v-bf6d760c] {\\r\\n width: 4px;\\r\\n background: #1677ff;\\r\\n border-radius: 2px;\\r\\n animation: waveAnim-bf6d760c 0.6s ease-in-out infinite alternate;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(1) { height: 16px; animation-delay: 0s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(2) { height: 28px; animation-delay: 0.1s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(3) { height: 40px; animation-delay: 0.2s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(4) { height: 28px; animation-delay: 0.3s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(5) { height: 16px; animation-delay: 0.4s;\\n}\\n@keyframes waveAnim-bf6d760c {\\n0% { transform: scaleY(0.6);\\n}\\n100% { transform: scaleY(1);\\n}\\n}\\n.voice-recording-duration[data-v-bf6d760c] {\\r\\n font-size: 32px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1;\\n}\\n.voice-recording-duration .unit[data-v-bf6d760c] {\\r\\n font-size: 18px;\\r\\n font-weight: 400;\\r\\n color: #999;\\r\\n margin-left: 2px;\\n}\\n.voice-recording-hint[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n font-size: 13px;\\r\\n color: #999;\\n}\\n.voice-recording-hint.cancel[data-v-bf6d760c] {\\r\\n color: #ff4d4f;\\n}\\n@keyframes fadeIn-bf6d760c {\\nfrom { opacity: 0;\\n}\\nto { opacity: 1;\\n}\\n}\\n}\\n@media screen and (max-width: 480px) {\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: calc(100vw - 132px);\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n .mobile-header-btn[data-v-bf6d760c] {\\r\\n width: 32px;\\r\\n height: 32px;\\n}\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--7-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
3265
3265
|
|
|
3266
3266
|
/***/ }),
|
|
3267
3267
|
|
|
@@ -12457,7 +12457,7 @@ eval("module.exports = function(originalModule) {\n\tif (!originalModule.webpack
|
|
|
12457
12457
|
/*! exports provided: name, version, main, private, scripts, dependencies, devDependencies, browserslist, directories, keywords, license, default */
|
|
12458
12458
|
/***/ (function(module) {
|
|
12459
12459
|
|
|
12460
|
-
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.5-beta.
|
|
12460
|
+
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.5-beta.5\\\",\\\"main\\\":\\\"lib/ZjPluginIntelligent.umd.min.js\\\",\\\"private\\\":false,\\\"scripts\\\":{\\\"serve\\\":\\\"vue-cli-service serve\\\",\\\"build\\\":\\\"vue-cli-service build\\\",\\\"lib\\\":\\\"vue-cli-service build --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\",\\\"lib:test\\\":\\\"vue-cli-service build --mode test --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\"},\\\"dependencies\\\":{\\\"html2canvas\\\":\\\"^1.4.1\\\",\\\"markdown-it\\\":\\\"^14.1.0\\\"},\\\"devDependencies\\\":{\\\"@babel/preset-env\\\":\\\"^7.14.9\\\",\\\"@vue/cli-plugin-babel\\\":\\\"~4.5.0\\\",\\\"@vue/cli-plugin-eslint\\\":\\\"^4.5.13\\\",\\\"@vue/cli-plugin-vuex\\\":\\\"~4.5.0\\\",\\\"@vue/cli-service\\\":\\\"~4.5.0\\\",\\\"axios\\\":\\\"^0.27.2\\\",\\\"babel-eslint\\\":\\\"^10.1.0\\\",\\\"babel-plugin-component\\\":\\\"^1.1.1\\\",\\\"compression-webpack-plugin\\\":\\\"^6.0.3\\\",\\\"core-js\\\":\\\"^3.6.5\\\",\\\"element-ui\\\":\\\"^2.15.4\\\",\\\"eslint\\\":\\\"^7.30.0\\\",\\\"eslint-plugin-vue\\\":\\\"^7.13.0\\\",\\\"js-cookie\\\":\\\"^2.2.1\\\",\\\"node-sass\\\":\\\"^4.12.0\\\",\\\"obs-upload\\\":\\\"^1.0.4-alpha.0\\\",\\\"reconnecting-websocket\\\":\\\"^4.4.0\\\",\\\"sass-loader\\\":\\\"^8.0.2\\\",\\\"snowflake-id\\\":\\\"^1.1.0\\\",\\\"vue\\\":\\\"^2.6.11\\\",\\\"vue-template-compiler\\\":\\\"^2.6.11\\\",\\\"vuex\\\":\\\"^3.4.0\\\",\\\"pako\\\":\\\"^2.1.0\\\",\\\"webpack-bundle-analyzer\\\":\\\"^4.4.2\\\"},\\\"browserslist\\\":[\\\"> 1%\\\",\\\"last 2 versions\\\",\\\"not dead\\\"],\\\"directories\\\":{\\\"lib\\\":\\\"lib\\\"},\\\"keywords\\\":[],\\\"license\\\":\\\"ISC\\\"}\");\n\n//# sourceURL=webpack://ZjPluginIntelligent/./package.json?");
|
|
12461
12461
|
|
|
12462
12462
|
/***/ }),
|
|
12463
12463
|
|
|
@@ -3261,7 +3261,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3261
3261
|
/*! no static exports found */
|
|
3262
3262
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3263
3263
|
|
|
3264
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.chat-layout[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n background: #fff;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\\n}\\r\\n\\r\\n/* ── Sidebar ── */\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: 300px;\\r\\n min-width: 300px;\\r\\n background: #fff;\\r\\n border-right: 1px solid #e8e8e8;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\n}\\n.sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 14px 8px 14px 16px;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\n}\\n.sidebar-header i[data-v-bf6d760c]{\\r\\n font-size: 20px;\\r\\n cursor: pointer;\\n}\\n.sidebar-header img[data-v-bf6d760c]{\\r\\n cursor: pointer;\\n}\\n.sidebar-title[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\n}\\n.sidebar-search[data-v-bf6d760c] {\\r\\n padding: 8px 16px;\\r\\n flex-shrink: 0;\\r\\n position: relative;\\r\\n z-index: 20;\\n}\\n.sidebar-search .search-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n position: relative;\\n}\\n.sidebar-search .search-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n flex-shrink: 0;\\r\\n pointer-events: none;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 32px;\\r\\n border-radius: 16px;\\r\\n background: #f5f5f5;\\r\\n border: 1px solid transparent;\\r\\n font-size: 13px;\\r\\n padding: 0 32px 0 34px;\\r\\n outline: none;\\r\\n box-sizing: border-box;\\r\\n transition: all 0.2s;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c]:focus {\\r\\n background: #fff;\\r\\n border: 1px solid #1677ff;\\n}\\n.sidebar-search .search-clear[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.search-suggestions[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n left: 16px;\\r\\n right: 16px;\\r\\n background: #fff;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\\r\\n z-index: 100;\\r\\n max-height: 240px;\\r\\n overflow-y: auto;\\r\\n margin-top: 4px;\\n}\\n.suggestion-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n padding: 10px 12px;\\r\\n cursor: pointer;\\r\\n transition: background 0.15s;\\n}\\n.suggestion-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n border-radius: 6px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.suggestion-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n white-space: nowrap;\\n}\\n.suggestion-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.session-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n padding: 6px 16px;\\r\\n /* 顶部留白，匹配UI顶部空隙 */\\r\\n padding-bottom: 10px;\\r\\n cursor: pointer;\\r\\n border-bottom: 1px solid #f5f5f5;\\r\\n transition: background 0.15s;\\r\\n position: relative;\\r\\n gap: 10px;\\r\\n border-radius: 4px;\\n}\\n.session-left-item[data-v-bf6d760c]{\\r\\n margin-left: 5px;\\n}\\n.session-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.session-item.active[data-v-bf6d760c] {\\r\\n background: #F5F5F5\\n}\\n.session-avatar[data-v-bf6d760c] {\\r\\n width: 44px!important;\\r\\n height: 44px!important;\\r\\n /* UI是圆形头像，把8px圆角改成50% */\\r\\n border-radius: 50%!important;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px!important;\\r\\n font-weight: 600;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n overflow: hidden; /* 裁切图片，保证圆形 */\\n}\\r\\n/* 头像图片样式，居中完整展示，四周露出底色 */\\n.avatar-pic[data-v-bf6d760c] {\\r\\n width: 85%;\\r\\n height: 85%;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\n}\\n.session-info[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\n}\\n.session-agent[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n margin-bottom: 2px;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-preview[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n flex-shrink: 0;\\r\\n margin-left: 8px;\\r\\n margin-right: 4px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 4px;\\r\\n top: 20px;\\r\\n transform: translateY(-50%);\\r\\n opacity: 0;\\r\\n transition: opacity 0.15s;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border: none;\\r\\n background: transparent;\\r\\n padding: 0;\\r\\n color: #333;\\r\\n cursor: pointer;\\n}\\n.session-delete svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\n.session-item:hover .session-delete[data-v-bf6d760c] {\\r\\n opacity: 1;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.sidebar-empty[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #bbb;\\r\\n font-size: 14px;\\r\\n padding-bottom: 40px;\\n}\\n.empty-icon[data-v-bf6d760c] {\\r\\n font-size: 36px;\\r\\n margin-bottom: 8px;\\n}\\n.empty-hint[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #d9d9d9;\\r\\n margin-top: 4px;\\n}\\r\\n/* ── Main ── */\\n.chat-main[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n min-width: 0;\\n}\\r\\n\\r\\n/* ── Header ── */\\n.chat-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 10px 20px;\\r\\n background: #fff;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\r\\n z-index: 10;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n min-width: 0;\\n}\\n.agent-info[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\n}\\n.agent-icon[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 8px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\r\\n/* 和左侧会话头像保持 4 色循环背景 */\\n.agent-info:nth-child(4n + 2) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\n}\\n.agent-info:nth-child(4n + 3) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #fa8c16, #ffa940);\\n}\\n.agent-info:nth-child(4n + 4) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #722ed1, #b37feb);\\n}\\n.agent-text[data-v-bf6d760c] {\\r\\n min-width: 0;\\n}\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1.3;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\r\\n max-width: 300px;\\n}\\n.header-right[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.manage-link[data-v-bf6d760c] {\\r\\n font-size: 13px;\\r\\n color: #1677ff;\\r\\n text-decoration: none;\\n}\\n.manage-link[data-v-bf6d760c]:hover {\\r\\n color: #4096ff;\\n}\\r\\n\\r\\n/* ── Chat Body ── */\\n.chat-body[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 16px 40px;\\r\\n scroll-behavior: auto;\\r\\n position: relative; /* 👈 就加这一行！！ */\\r\\n -webkit-overflow-scrolling: touch;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/agentbackground.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\n}\\n.welcome[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n color: #bbb;\\r\\n margin: 0 -20px;\\n}\\n.welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 12px;\\r\\n opacity: 0.7;\\n}\\n.welcome-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\n}\\n.welcome-default .welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 16px;\\n}\\n.welcome-title[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n margin-bottom: 8px;\\n}\\r\\n\\r\\n/* ── Message Row ── */\\n.msg-row[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n padding: 20px 16px;\\r\\n box-sizing: border-box;\\r\\n align-items: center;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n max-width: 85%;\\r\\n /* 最大内容宽度限制，避免超宽 */\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-row.assistant[data-v-bf6d760c] {\\r\\n justify-content: center;\\n}\\n.load-more[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n padding: 4px 0;\\n}\\n.msg-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n margin-top: 2px;\\r\\n padding-left: 4px;\\n}\\n.msg-row.user .msg-time[data-v-bf6d760c] {\\r\\n text-align: right;\\r\\n padding-right: 4px;\\n}\\n.msg-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 4px;\\r\\n margin-top: 4px;\\r\\n padding-left: 4px;\\n}\\n.action-btn[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n cursor: pointer;\\r\\n padding: 2px 6px 2px 0;\\r\\n border-radius: 4px;\\r\\n transition: all 0.2s;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.action-btn[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\r\\n background: #f0f5ff;\\n}\\r\\n\\r\\n/* ── STT 语音转文字状态 ── */\\n.stt-status-block[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n font-size: 14px;\\r\\n line-height: 1.5;\\n}\\r\\n/* ── STT 状态（图标紧贴气泡左侧，文字在气泡内） ── */\\n.stt-bubble-wrap[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\n}\\n.stt-outside-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 100%;\\r\\n top: 50%;\\r\\n margin-top: -9px;\\r\\n margin-right: 20px;\\n}\\n.stt-spinner[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n border: 2.5px solid #d9d9d9;\\r\\n border-top-color: #1677ff;\\r\\n border-right-color: #4096ff;\\r\\n border-radius: 50%;\\r\\n animation: stt-spin-bf6d760c 0.6s linear infinite;\\r\\n flex-shrink: 0;\\r\\n box-sizing: border-box;\\n}\\n@keyframes stt-spin-bf6d760c {\\nto { transform: rotate(360deg);\\n}\\n}\\n.stt-error-icon[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n font-size: 12px;\\r\\n font-weight: 700;\\r\\n border-radius: 50%;\\r\\n line-height: 1;\\r\\n flex-shrink: 0;\\n}\\n.stt-bubble-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\r\\n color: #fff;\\r\\n white-space: nowrap;\\r\\n margin: 6px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n gap: 10px;\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-avatar[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 700;\\r\\n flex-shrink: 0;\\r\\n color: #fff;\\n}\\n.msg-avatar.user[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\n}\\n.msg-avatar.assistant[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\r\\n color: #fff;\\n}\\n.msg-agent-label[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n margin-bottom: 2px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 800px;\\r\\n box-sizing: border-box;\\r\\n overflow: hidden;\\n}\\r\\n\\r\\n/* ── Bubble ── */\\n.bubble[data-v-bf6d760c] {\\r\\n max-width: 100%;\\r\\n min-width: 30px;\\r\\n width: -moz-fit-content;\\r\\n width: fit-content;\\r\\n padding: 8px 14px;\\r\\n border-radius: 12px;\\r\\n line-height: 1.4;\\r\\n font-size: 15px;\\r\\n word-break: break-word;\\r\\n white-space: normal;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c]:has(.typing) {\\r\\n padding: 16px 20px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border-bottom-right-radius: 4px;\\r\\n box-shadow: 0 2px 8px rgba(22, 119, 255, 0.15);\\r\\n float: right;\\n}\\n.bubble.assistant[data-v-bf6d760c] {\\r\\n background: #fff;\\r\\n color: #333;\\r\\n border-bottom-left-radius: 4px;\\r\\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);\\r\\n text-align: left;\\r\\n width: 100%;\\r\\n box-sizing: border-box;\\n}\\n.bubble[data-v-bf6d760c] table {\\r\\n border-collapse: collapse;\\r\\n width: 100%;\\r\\n margin: 6px 0;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] th,\\r\\n.bubble[data-v-bf6d760c] td {\\r\\n border: 1px solid #e8e8e8;\\r\\n padding: 5px 8px;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c] th {\\r\\n background: #fafafa;\\r\\n font-weight: 600;\\n}\\n.bubble[data-v-bf6d760c] code {\\r\\n /* background: #f0f2f5; */\\r\\n padding: 1px 5px;\\r\\n border-radius: 3px;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] pre {\\r\\n background: #f6f8fa;\\r\\n color: #333;\\r\\n padding: 12px;\\r\\n border-radius: 6px;\\r\\n overflow-x: auto;\\r\\n font-size: 13px;\\r\\n border: 1px solid #e8e8e8;\\r\\n margin: 8px 0;\\r\\n line-height: 1.5;\\r\\n white-space: pre;\\n}\\n.bubble[data-v-bf6d760c] ul,\\r\\n.bubble[data-v-bf6d760c] ol {\\r\\n padding-left: 20px;\\r\\n margin: 4px 0;\\n}\\n.bubble[data-v-bf6d760c] li {\\r\\n margin: 2px 0;\\n}\\n.bubble[data-v-bf6d760c] p{\\r\\n margin: 6px 0;\\n}\\r\\n\\r\\n/* ── Thinking ── */\\n.thinking-details[data-v-bf6d760c] {\\r\\n margin-bottom: 10px;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n overflow: hidden;\\r\\n background: #fafafa;\\n}\\n.thinking-summary[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #888;\\r\\n cursor: pointer;\\r\\n padding: 6px 10px;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.thinking-summary[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\n}\\n.thinking-body[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n padding: 8px 12px;\\r\\n line-height: 1.6;\\r\\n border-top: 1px solid #f0f0f0;\\r\\n text-align: left;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-word;\\r\\n /* 兼容中英文混合断行优化 */\\r\\n overflow-wrap: break-word;\\n}\\n.final-content[data-v-bf6d760c]{\\r\\n /* white-space: pre-wrap; */\\r\\n word-break: break-word;\\r\\n overflow-wrap: break-word;\\n}\\n.thinking-body[data-v-bf6d760c] p {\\r\\n margin: 4px 0;\\n}\\r\\n\\r\\n/* ── Typing ── */\\n.typing[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n min-height: 24px;\\r\\n justify-content: flex-start;\\r\\n padding: 4px 0;\\n}\\n.typing .phrase[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #888;\\r\\n white-space: nowrap;\\r\\n animation: phraseFade-bf6d760c 0.5s ease;\\r\\n letter-spacing: 0.5px;\\n}\\n.typing .dots[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 5px;\\r\\n align-items: center;\\r\\n justify-content: center;\\n}\\n.typing .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n background: #bbb;\\r\\n border-radius: 50%;\\r\\n animation: dtTyping-bf6d760c 1.3s infinite ease-in-out;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(2) {\\r\\n animation-delay: 0.16s;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(3) {\\r\\n animation-delay: 0.32s;\\n}\\n@keyframes phraseFade-bf6d760c {\\nfrom {\\r\\n opacity: 0.2;\\r\\n transform: translateY(4px);\\n}\\nto {\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\n}\\n}\\n@keyframes dtTyping-bf6d760c {\\n0%,\\r\\n 60%,\\r\\n 100% {\\r\\n transform: translateY(0);\\r\\n opacity: 0.3;\\n}\\n30% {\\r\\n transform: translateY(-5px);\\r\\n opacity: 1;\\n}\\n}\\r\\n\\r\\n/* ── Scroll Buttons ── */\\n.scroll-btns[data-v-bf6d760c] {\\r\\n position: sticky;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: 20px;\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n margin-top: 10px;\\r\\n pointer-events: none;\\n}\\n.scroll-btn[data-v-bf6d760c] {\\r\\n pointer-events: auto;\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\n}\\n.scroll-btn i[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n color: #333;\\n}\\r\\n/* ── Wait Timer ── */\\n.typing.wait-5 .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n animation-duration: 1s;\\n}\\n.typing.wait-5 .phrase[data-v-bf6d760c] {\\r\\n color: #888;\\n}\\n.typing.wait-10 .dots span[data-v-bf6d760c] {\\r\\n width: 9px;\\r\\n height: 9px;\\r\\n animation-duration: 0.8s;\\r\\n background: #909399;\\n}\\n.typing.wait-10 .phrase[data-v-bf6d760c] {\\r\\n color: #909399;\\n}\\n.typing.wait-10 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 1s infinite ease-in-out;\\n}\\n.typing.wait-15 .dots span[data-v-bf6d760c] {\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n animation-duration: 0.6s;\\r\\n background: #1677ff;\\n}\\n.typing.wait-15 .phrase[data-v-bf6d760c] {\\r\\n color: #1677ff;\\n}\\n.typing.wait-15 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 0.6s infinite ease-in-out;\\n}\\n@keyframes dtPulse-bf6d760c {\\n0%,\\r\\n 100% {\\r\\n transform: scale(1);\\n}\\n50% {\\r\\n transform: scale(1.05);\\n}\\n}\\n.tool-calls[data-v-bf6d760c] {\\r\\n margin-top: 8px;\\n}\\n.tool-item[data-v-bf6d760c] {\\r\\n background: #f5f5f5;\\r\\n border-radius: 6px;\\r\\n padding: 6px 10px;\\r\\n margin-bottom: 4px;\\r\\n font-size: 12px;\\n}\\n.tool-badge[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n margin-bottom: 2px;\\r\\n font-size: 11px;\\r\\n color: #fa8c16;\\r\\n font-weight: 500;\\n}\\n.tool-item pre[data-v-bf6d760c] {\\r\\n margin: 0;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-all;\\r\\n font-size: 12px;\\r\\n color: #666;\\r\\n max-height: 120px;\\r\\n overflow-y: auto;\\n}\\r\\n\\r\\n/* ── Footer ── */\\n.chat-footer[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\r\\n border-top: none;\\r\\n padding: 30px 0;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: flex-end;\\r\\n gap: 6px;\\r\\n background: #fff;\\r\\n border-radius: 24px;\\r\\n /* 左右留白，实现居中效果，和截图边距一致 */\\r\\n margin: 0 24px;\\r\\n padding: 18px 20px;\\r\\n border: 1px solid #b3d8ff;\\r\\n transition: border-color 0.2s;\\r\\n flex-wrap: wrap;\\r\\n width: 1000px;\\n}\\r\\n/* 原有悬浮滚动按钮逻辑完全保留不动 */\\n.scroll-bottom-wrap[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: calc(100% + 30px);\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n pointer-events: none;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n border: 1px solid #e5e7eb;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n pointer-events: auto;\\r\\n position: relative;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #4e5969;\\n}\\r\\n/* 加载转圈动画原样保留 */\\n.loading-circle[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 3px;\\r\\n border-radius: 50%;\\r\\n border: 1.5px solid transparent;\\r\\n border-top: 1.5px solid #1677ff;\\r\\n animation: circle-spin-bf6d760c 1.5s linear infinite;\\n}\\n@keyframes circle-spin-bf6d760c {\\nfrom {\\r\\n transform: rotate(0deg);\\n}\\nto {\\r\\n transform: rotate(360deg);\\n}\\n}\\r\\n/* 聚焦仅变色，取消阴影 */\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: #1677ff;\\r\\n background: #fff;\\r\\n box-shadow: none;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n border: none;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n resize: none;\\r\\n font-size: 16px;\\r\\n line-height: 24px;\\r\\n min-height: 38px;\\r\\n height: 100px;\\r\\n max-height: 100px;\\r\\n overflow-y: auto;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: inherit;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\r\\n/* 发送按钮 纯蓝色矩形，隐藏svg图标，显示文字发送 */\\n.send-btn[data-v-bf6d760c] {\\r\\n width: auto;\\r\\n height: 40px;\\r\\n padding: 0 21px;\\r\\n border-radius: 6px;\\r\\n border: none;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n font-size: 14px;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: \\\"发送\\\";\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn.active[data-v-bf6d760c]:hover {\\r\\n background: #4096ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n border-radius: 50%;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\n}\\n.stop-btn[data-v-bf6d760c]:hover {\\r\\n background: #ff7875;\\n}\\r\\n/* 右下角提示文字，精准定位在按钮左侧，和截图位置完全对齐 */\\n.input-area[data-v-bf6d760c]::after {\\r\\n content: \\\"Enter 发送，Ctrl+Enter 换行\\\";\\r\\n position: absolute;\\r\\n right: 100px;\\r\\n bottom: 28px;\\r\\n font-size: 14px;\\r\\n color: #8c8c8c;\\r\\n pointer-events: none;\\n}\\r\\n/* 滚动到底部按钮样式 */\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #ffffff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n transition: all 0.2s ease;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c]:hover {\\r\\n transform: scale(1.1);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\r\\n\\r\\n\\r\\n/* 外层页面容器 对应box_9区域 */\\n.agent-select-page[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n /* 内部全部居中 */\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应，居中 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 1200px;\\n}\\r\\n\\r\\n/* 标题区域居中 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 28px!important;\\r\\n color: #000;\\r\\n font-weight: 500!important;\\r\\n font-family: PingFangSC-Medium;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 智能助手列表：一行2个自适应等分，自动换行 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片基础样式，无固定宽度，自适应网格列宽 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n padding: 20px 20px 19px 116px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\\n}\\r\\n\\r\\n/* 上浮头像容器 */\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 3px;\\r\\n top: -36px;\\n}\\r\\n\\r\\n/* 头像默认样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\n}\\r\\n/* 有头像图片：大尺寸 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 97px;\\r\\n height: 126px;\\r\\n background-size: cover;\\n}\\r\\n/* 无头像文字首字母：小尺寸，偏移适配 */\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 76px;\\r\\n height: 108px;\\r\\n transform: translateX(9px);\\n}\\r\\n\\r\\n/* 文字内容区 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\n}\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-family: PingFangSC-Medium;\\r\\n color: #000;\\r\\n line-height: 22px;\\r\\n margin-bottom: 8px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-family: PingFangSC-Regular;\\r\\n color: #666;\\r\\n line-height: 21px;\\r\\n /* 核心三行单行省略，文字超出自动... */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\r\\n /* 关键：继承父容器宽度，不会超出父盒子 */\\r\\n width: 100%;\\r\\n display: block;\\n}\\r\\n/* 响应式适配：小屏幕自动变为单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 60px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\r\\n\\r\\n\\r\\n/* ── 聊天空白欢迎页（匹配蓝湖移动端聊天首页） ── */\\n.chat-empty-welcome[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 40px 20px;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 0px;\\r\\n max-width: 600px;\\r\\n margin: 80px auto;\\n}\\r\\n\\r\\n/* 顶部渐变欢迎卡片 */\\n.welcome-card[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n background: linear-gradient(296deg, #D6EDFF 20%, #E8EBFF 80%);\\r\\nborder-radius: 16px 16px 0px 0px;\\r\\n padding: 24px 24px 24px 150px;\\r\\n overflow: visible;\\n}\\r\\n/* 左侧探出头像容器 */\\n.welcome-avatar-box[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 15px;\\r\\n bottom: 0px;\\r\\n width: 110px;\\r\\n height: 137px;\\n}\\n.welcome-avatar[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n border-radius: 12px;\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 20px;\\r\\n color: #fff;\\r\\n font-weight: 600;\\n}\\n.welcome-avatar.has-chat-agent-img[data-v-bf6d760c] {\\r\\n background: transparent;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\n}\\n.welcome-text-group[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 6px;\\n}\\n.welcome-text-group .text-sm[data-v-bf6d760c] {\\r\\nfont-weight: 400;font-size: 12px;color: #666666;\\r\\ntext-align: left;\\r\\nfont-style: normal;\\n}\\n.welcome-text-group .text-lg[data-v-bf6d760c] {\\r\\n \\r\\n font-weight: 500;\\r\\nfont-size: 16px;\\r\\ncolor: #000000;\\n}\\r\\n\\r\\n/* 猜你想问容器 */\\n.guess-box[data-v-bf6d760c] {\\r\\n border-top: 1px solid #fff;\\r\\n background: linear-gradient(180deg, #B8DCFF 0%, #DFF0FF 50%, #FFFFFF 100%);\\r\\n border-radius: 0 0 16px 16px;\\r\\n padding: 20px;\\n}\\n.guess-title[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #222;\\r\\n margin-bottom: 16px;\\n}\\n.tag-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 10px;\\n}\\n.quick-tag[data-v-bf6d760c] {\\r\\n padding: 8px 14px;\\r\\n background: #F2FAFF;\\r\\n border-radius: 8px;\\r\\n font-size: 14px;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n border: 1px solid #e0eaff;\\r\\n transition: all 0.2s;\\r\\n white-space: nowrap;\\n}\\r\\n/* .quick-tag:hover {\\r\\n background: #f0f7ff;\\r\\n border-color: #1677ff;\\r\\n} */\\n.chat-agent-avatar-wrapper div[data-v-bf6d760c]{\\r\\n width: 44px;\\r\\n height: 44px;\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* 外层大容器，本地渐变背景铺满全屏，内部全部居中 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n min-height: 100%;\\r\\n padding: 80px 20px;\\r\\n /* 本地背景图铺满 */\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应居中，无固定宽 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 920px;\\n}\\r\\n\\r\\n/* 标题样式，居中、字号、间距匹配效果图 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 26px;\\r\\n color: #222;\\r\\n font-weight: 500;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 卡片网格：一行2等分，行列间距对齐效果图 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片核心样式：圆角、内边距、相对定位，无固定宽度 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n /* 左侧留出头像位置，文字靠右内缩 */\\r\\n padding: 22px 20px 20px 110px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.25s ease;\\r\\n /* 轻微柔和阴影，和效果图一致 */\\r\\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\\n}\\r\\n\\r\\n\\r\\n/* 头像本体通用样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\r\\n /* 效果图统一卡通头像尺寸 */\\r\\n width: 92px;\\r\\n height: 106px;\\n}\\r\\n/* 有头像图片完整展示，不裁切 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n background-size: cover;\\n}\\r\\n\\r\\n/* 文字区域垂直排列 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n max-width: 300px;\\r\\n flex-shrink: 0; /* 如果是flex布局，禁止自身被压缩 */\\n}\\r\\n/* 助手名称 */\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #111;\\r\\n line-height: 22px;\\r\\n margin-bottom: 6px;\\n}\\r\\n/* 描述文本 */\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n line-height: 20px;\\r\\n /* 超长描述单行省略 */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\n}\\r\\n\\r\\n/* 移动端适配：小屏幕自动单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 40px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\n.chat-layout[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n min-height: 0;\\r\\n overflow: hidden;\\n}\\n.sidebar-mask[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: rgba(15, 23, 42, 0.28);\\r\\n z-index: 29;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px !important;\\r\\n height: 28px !important;\\r\\n border-radius: 8px !important;\\r\\n font-size: 12px !important;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.chat-main[data-v-bf6d760c],\\r\\n.chat-body[data-v-bf6d760c] {\\r\\n min-height: 0;\\n}\\n.header-left[data-v-bf6d760c],\\r\\n.header-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\r\\n gap: 10px;\\n}\\n.header-actions[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n.mobile-back-btn[data-v-bf6d760c],\\r\\n.mobile-header-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: #f5f7fa;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn i[data-v-bf6d760c],\\r\\n.mobile-back-btn i[data-v-bf6d760c],\\r\\n.mobile-header-btn i[data-v-bf6d760c] {\\r\\n font-size: 18px;\\n}\\n.mobile-back-btn i[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: min(300px, 32vw);\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 16px clamp(12px, 3vw, 40px);\\r\\n background-position: center;\\r\\n background-size: cover;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: min(300px, 45vw);\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 18px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: min(100%, 860px) !important;\\r\\n max-width: 860px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n float: none;\\r\\n margin-left: auto;\\r\\n max-width: min(100%, 520px);\\n}\\n.final-content[data-v-bf6d760c],\\r\\n.thinking-body[data-v-bf6d760c],\\r\\n.bubble[data-v-bf6d760c] {\\r\\n overflow-wrap: anywhere;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 24px 0;\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: min(100%, 1000px) !important;\\r\\n box-sizing: border-box;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1 1 320px;\\r\\n min-width: 0;\\n}\\n@media screen and (max-width: 768px) {\\n.chat-layout.is-mobile[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100dvh;\\n}\\r\\n\\r\\n /* agent-selector H5 顶部栏 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 0 !important;\\n}\\n.agent-selector .agent-wrap[data-v-bf6d760c] {\\r\\n padding: 40px 16px 0;\\r\\n box-sizing: border-box;\\n}\\n.mobile-agent-select-header[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n padding: 10px 0;\\r\\n min-height: 44px;\\n}\\n.mobile-agent-select-header .mobile-agent-back[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 4px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n background: transparent;\\r\\n border: none;\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n padding: 0;\\r\\n color: #333;\\n}\\n.mobile-agent-select-header .mobile-agent-back i[data-v-bf6d760c] {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\n}\\n.mobile-agent-select-header .mobile-agent-title-text[data-v-bf6d760c] {\\r\\n font-size: 17px;\\r\\n font-weight: 500;\\r\\n color: #000;\\n}\\n.agent-selector .agent-title[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* H5列表模式：侧边栏全屏展示 */\\n.chat-layout.h5-list-mode .chat-sidebar[data-v-bf6d760c] {\\r\\n position: relative !important;\\r\\n width: 100% !important;\\r\\n max-width: 100% !important;\\r\\n min-width: 100% !important;\\r\\n height: 100%;\\r\\n transform: translateX(0) !important;\\r\\n box-shadow: none !important;\\r\\n border-right: none;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 14px 16px;\\r\\n position: relative;\\n}\\n.sidebar-back-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: transparent;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n position: absolute;\\r\\n left: 8px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n padding: 0;\\n}\\n.sidebar-back-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header img[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 16px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\r\\n cursor: pointer;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0 auto 0 0;\\r\\n width: min(82vw, 320px);\\r\\n min-width: auto;\\r\\n max-width: 320px;\\r\\n height: 100%;\\r\\n border-right: none;\\r\\n box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);\\r\\n transform: translateX(-100%);\\r\\n transition: transform 0.24s ease;\\n}\\n.chat-sidebar.open[data-v-bf6d760c] {\\r\\n transform: translateX(0);\\n}\\n.chat-header[data-v-bf6d760c] {\\r\\n padding: 10px 12px;\\r\\n background: transparent;\\r\\n border-bottom: none;\\n}\\n.chat-header .chat-agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .agent-desc[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n justify-content: center;\\r\\n position: relative;\\n}\\n.chat-header .header-left .mobile-back-btn[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n background: transparent;\\n}\\n.chat-header .header-actions .mobile-header-btn[data-v-bf6d760c] {\\r\\n background: transparent;\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 12px;\\r\\n background-position: center top;\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 12px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n max-width: 88%;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: calc(100% - 24px) !important;\\r\\n margin: 0 12px;\\r\\n padding: 6px 6px 6px 4px;\\r\\n border-radius: 24px;\\r\\n border: none;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\r\\n flex-wrap: nowrap;\\r\\n align-items: center;\\n}\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: transparent;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\n}\\n.input-area[data-v-bf6d760c]::after {\\r\\n display: none;\\n}\\n.voice-btn[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n border: none;\\r\\n background: transparent;\\r\\n border-radius: 50%;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: background 0.2s;\\r\\n padding: 0;\\n}\\n.voice-btn[data-v-bf6d760c]:active {\\r\\n background: rgba(0,0,0,0.05);\\n}\\n.voice-btn[data-v-bf6d760c]:disabled {\\r\\n opacity: 0.4;\\r\\n cursor: not-allowed;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n flex-basis: 0;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n max-height: 100px;\\r\\n font-size: 15px;\\r\\n background: #EBEBEB;\\r\\n border-radius: 18px;\\r\\n padding: 0 14px;\\r\\n line-height: 36px;\\r\\n margin: 0 4px;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.send-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n padding: 0;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: none;\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.send-btn[data-v-bf6d760c]:active {\\r\\n transform: scale(0.92);\\n}\\r\\n\\r\\n /* 移动端停止按钮 */\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 28px 12px;\\n}\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 52px 0;\\n}\\n.agent-item[data-v-bf6d760c] {\\r\\n height: auto;\\r\\n min-height: 84px;\\r\\n padding: 18px 16px 18px 96px;\\n}\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n left: 8px;\\r\\n top: -18px;\\n}\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 74px;\\r\\n height: 88px;\\n}\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 62px;\\r\\n height: 78px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n white-space: normal;\\r\\n display: -webkit-box;\\r\\n -webkit-line-clamp: 2;\\r\\n -webkit-box-orient: vertical;\\n}\\n.guess-box[data-v-bf6d760c] {\\r\\n padding: 16px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* ── H5 语音模式 ── */\\n.hold-talk-btn[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 6px;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n margin: 0 4px;\\r\\n border-radius: 18px;\\r\\n background: #EBEBEB;\\r\\n border: none;\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n cursor: pointer;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\r\\n -webkit-user-select: none;\\r\\n transition: background 0.15s;\\n}\\n.hold-talk-btn[data-v-bf6d760c]:active {\\r\\n background: #ddd;\\n}\\n.hold-talk-btn.recording[data-v-bf6d760c] {\\r\\n background: #e8f0fe;\\r\\n color: #333;\\n}\\n.hold-talk-btn .hold-talk-icon[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\r\\n\\r\\n /* 语音录制浮层 */\\n.voice-recording-overlay[data-v-bf6d760c] {\\r\\n position: fixed;\\r\\n left: 0;\\r\\n right: 0;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: rgba(0,0,0,0.35);\\r\\n animation: fadeIn-bf6d760c 0.15s ease;\\n}\\n.voice-recording-card[data-v-bf6d760c] {\\r\\n width: 200px;\\r\\n padding: 32px 24px 24px;\\r\\n background: #fff;\\r\\n border-radius: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n gap: 16px;\\r\\n box-shadow: 0 8px 32px rgba(0,0,0,0.15);\\n}\\n.voice-recording-wave[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n height: 40px;\\n}\\n.voice-recording-wave span[data-v-bf6d760c] {\\r\\n width: 4px;\\r\\n background: #1677ff;\\r\\n border-radius: 2px;\\r\\n animation: waveAnim-bf6d760c 0.6s ease-in-out infinite alternate;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(1) { height: 16px; animation-delay: 0s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(2) { height: 28px; animation-delay: 0.1s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(3) { height: 40px; animation-delay: 0.2s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(4) { height: 28px; animation-delay: 0.3s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(5) { height: 16px; animation-delay: 0.4s;\\n}\\n@keyframes waveAnim-bf6d760c {\\n0% { transform: scaleY(0.6);\\n}\\n100% { transform: scaleY(1);\\n}\\n}\\n.voice-recording-duration[data-v-bf6d760c] {\\r\\n font-size: 32px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1;\\n}\\n.voice-recording-duration .unit[data-v-bf6d760c] {\\r\\n font-size: 18px;\\r\\n font-weight: 400;\\r\\n color: #999;\\r\\n margin-left: 2px;\\n}\\n.voice-recording-hint[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n font-size: 13px;\\r\\n color: #999;\\n}\\n.voice-recording-hint.cancel[data-v-bf6d760c] {\\r\\n color: #ff4d4f;\\n}\\n@keyframes fadeIn-bf6d760c {\\nfrom { opacity: 0;\\n}\\nto { opacity: 1;\\n}\\n}\\n}\\n@media screen and (max-width: 480px) {\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: calc(100vw - 132px);\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n .mobile-header-btn[data-v-bf6d760c] {\\r\\n width: 32px;\\r\\n height: 32px;\\n}\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--7-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
3264
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.chat-layout[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n background: #fff;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\\n}\\r\\n\\r\\n/* ── Sidebar ── */\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: 300px;\\r\\n min-width: 300px;\\r\\n background: #fff;\\r\\n border-right: 1px solid #e8e8e8;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\n}\\n.sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 14px 8px 14px 16px;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\n}\\n.sidebar-header i[data-v-bf6d760c]{\\r\\n font-size: 20px;\\r\\n cursor: pointer;\\n}\\n.sidebar-header img[data-v-bf6d760c]{\\r\\n cursor: pointer;\\n}\\n.sidebar-title[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\n}\\n.sidebar-search[data-v-bf6d760c] {\\r\\n padding: 8px 16px;\\r\\n flex-shrink: 0;\\r\\n position: relative;\\r\\n z-index: 20;\\n}\\n.sidebar-search .search-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n position: relative;\\n}\\n.sidebar-search .search-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n flex-shrink: 0;\\r\\n pointer-events: none;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 32px;\\r\\n border-radius: 16px;\\r\\n background: #f5f5f5;\\r\\n border: 1px solid transparent;\\r\\n font-size: 13px;\\r\\n padding: 0 32px 0 34px;\\r\\n outline: none;\\r\\n box-sizing: border-box;\\r\\n transition: all 0.2s;\\n}\\n.sidebar-search .search-input[data-v-bf6d760c]:focus {\\r\\n background: #fff;\\r\\n border: 1px solid #1677ff;\\n}\\n.sidebar-search .search-clear[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.search-suggestions[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n left: 16px;\\r\\n right: 16px;\\r\\n background: #fff;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\\r\\n z-index: 100;\\r\\n max-height: 240px;\\r\\n overflow-y: auto;\\r\\n margin-top: 4px;\\n}\\n.suggestion-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n padding: 10px 12px;\\r\\n cursor: pointer;\\r\\n transition: background 0.15s;\\n}\\n.suggestion-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n border-radius: 6px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.suggestion-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n white-space: nowrap;\\n}\\n.suggestion-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.session-item[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n padding: 6px 16px;\\r\\n /* 顶部留白，匹配UI顶部空隙 */\\r\\n padding-bottom: 10px;\\r\\n cursor: pointer;\\r\\n border-bottom: 1px solid #f5f5f5;\\r\\n transition: background 0.15s;\\r\\n position: relative;\\r\\n gap: 10px;\\r\\n border-radius: 4px;\\n}\\n.session-left-item[data-v-bf6d760c]{\\r\\n margin-left: 5px;\\n}\\n.session-item[data-v-bf6d760c]:hover {\\r\\n background: #f5f7fa;\\n}\\n.session-item.active[data-v-bf6d760c] {\\r\\n background: #F5F5F5\\n}\\n.session-avatar[data-v-bf6d760c] {\\r\\n width: 44px!important;\\r\\n height: 44px!important;\\r\\n /* UI是圆形头像，把8px圆角改成50% */\\r\\n border-radius: 50%!important;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px!important;\\r\\n font-weight: 600;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n overflow: hidden; /* 裁切图片，保证圆形 */\\n}\\r\\n/* 头像图片样式，居中完整展示，四周露出底色 */\\n.avatar-pic[data-v-bf6d760c] {\\r\\n width: 85%;\\r\\n height: 85%;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\n}\\n.session-info[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\n}\\n.session-agent[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 500;\\r\\n color: #333;\\r\\n margin-bottom: 2px;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-preview[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\n}\\n.session-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n flex-shrink: 0;\\r\\n margin-left: 8px;\\r\\n margin-right: 4px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 4px;\\r\\n top: 20px;\\r\\n transform: translateY(-50%);\\r\\n opacity: 0;\\r\\n transition: opacity 0.15s;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border: none;\\r\\n background: transparent;\\r\\n padding: 0;\\r\\n color: #333;\\r\\n cursor: pointer;\\n}\\n.session-delete svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\n.session-item:hover .session-delete[data-v-bf6d760c] {\\r\\n opacity: 1;\\n}\\n.sidebar-list[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 8px 0;\\n}\\n.sidebar-empty[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #bbb;\\r\\n font-size: 14px;\\r\\n padding-bottom: 40px;\\n}\\n.empty-icon[data-v-bf6d760c] {\\r\\n font-size: 36px;\\r\\n margin-bottom: 8px;\\n}\\n.empty-hint[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #d9d9d9;\\r\\n margin-top: 4px;\\n}\\r\\n/* ── Main ── */\\n.chat-main[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n min-width: 0;\\n}\\r\\n\\r\\n/* ── Header ── */\\n.chat-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n padding: 10px 20px;\\r\\n background: #fff;\\r\\n border-bottom: 1px solid #e8e8e8;\\r\\n flex-shrink: 0;\\r\\n z-index: 10;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n min-width: 0;\\n}\\n.agent-info[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\n}\\n.agent-icon[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 8px;\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\r\\n/* 和左侧会话头像保持 4 色循环背景 */\\n.agent-info:nth-child(4n + 2) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\n}\\n.agent-info:nth-child(4n + 3) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #fa8c16, #ffa940);\\n}\\n.agent-info:nth-child(4n + 4) .agent-icon-avatar[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #722ed1, #b37feb);\\n}\\n.agent-text[data-v-bf6d760c] {\\r\\n min-width: 0;\\n}\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1.3;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n white-space: nowrap;\\r\\n max-width: 300px;\\n}\\n.header-right[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.manage-link[data-v-bf6d760c] {\\r\\n font-size: 13px;\\r\\n color: #1677ff;\\r\\n text-decoration: none;\\n}\\n.manage-link[data-v-bf6d760c]:hover {\\r\\n color: #4096ff;\\n}\\r\\n\\r\\n/* ── Chat Body ── */\\n.chat-body[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n padding: 16px 40px;\\r\\n scroll-behavior: auto;\\r\\n position: relative; /* 👈 就加这一行！！ */\\r\\n -webkit-overflow-scrolling: touch;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/agentbackground.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\n}\\n.welcome[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n height: 100%;\\r\\n color: #bbb;\\r\\n margin: 0 -20px;\\n}\\n.welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 12px;\\r\\n opacity: 0.7;\\n}\\n.welcome-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\n}\\n.welcome-default .welcome-icon[data-v-bf6d760c] {\\r\\n margin-bottom: 16px;\\n}\\n.welcome-title[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n margin-bottom: 8px;\\n}\\r\\n\\r\\n/* ── Message Row ── */\\n.msg-row[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n padding: 20px 16px;\\r\\n box-sizing: border-box;\\r\\n align-items: center;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n max-width: 85%;\\r\\n /* 最大内容宽度限制，避免超宽 */\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-row.assistant[data-v-bf6d760c] {\\r\\n justify-content: center;\\n}\\n.load-more[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n padding: 4px 0;\\n}\\n.msg-time[data-v-bf6d760c] {\\r\\n font-size: 11px;\\r\\n color: #bbb;\\r\\n margin-top: 2px;\\r\\n padding-left: 4px;\\n}\\n.msg-row.user .msg-time[data-v-bf6d760c] {\\r\\n text-align: right;\\r\\n padding-right: 4px;\\n}\\n.msg-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 4px;\\r\\n margin-top: 4px;\\r\\n padding-left: 4px;\\n}\\n.action-btn[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n cursor: pointer;\\r\\n padding: 2px 6px 2px 0;\\r\\n border-radius: 4px;\\r\\n transition: all 0.2s;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.action-btn[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\r\\n background: #f0f5ff;\\n}\\r\\n\\r\\n/* ── STT 语音转文字状态 ── */\\n.stt-status-block[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n font-size: 14px;\\r\\n line-height: 1.5;\\n}\\r\\n/* ── STT 状态（图标紧贴气泡左侧，文字在气泡内） ── */\\n.stt-bubble-wrap[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\n}\\n.stt-outside-icon[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 100%;\\r\\n top: 50%;\\r\\n margin-top: -9px;\\r\\n margin-right: 20px;\\n}\\n.stt-spinner[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n border: 2.5px solid #d9d9d9;\\r\\n border-top-color: #1677ff;\\r\\n border-right-color: #4096ff;\\r\\n border-radius: 50%;\\r\\n animation: stt-spin-bf6d760c 0.6s linear infinite;\\r\\n flex-shrink: 0;\\r\\n box-sizing: border-box;\\n}\\n@keyframes stt-spin-bf6d760c {\\nto { transform: rotate(360deg);\\n}\\n}\\n.stt-error-icon[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n font-size: 12px;\\r\\n font-weight: 700;\\r\\n border-radius: 50%;\\r\\n line-height: 1;\\r\\n flex-shrink: 0;\\n}\\n.stt-bubble-text[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n line-height: 1.4;\\r\\n color: #fff;\\r\\n white-space: nowrap;\\r\\n margin: 6px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n gap: 10px;\\r\\n width: 800px;\\n}\\n.msg-row.user .msg-main[data-v-bf6d760c] {\\r\\n flex-direction: row-reverse;\\n}\\n.msg-avatar[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 13px;\\r\\n font-weight: 700;\\r\\n flex-shrink: 0;\\r\\n color: #fff;\\n}\\n.msg-avatar.user[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #1677ff, #4096ff);\\r\\n color: #fff;\\n}\\n.msg-avatar.assistant[data-v-bf6d760c] {\\r\\n background: linear-gradient(135deg, #52c41a, #73d13d);\\r\\n color: #fff;\\n}\\n.msg-agent-label[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #999;\\r\\n margin-bottom: 2px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 800px;\\r\\n box-sizing: border-box;\\r\\n overflow: hidden;\\n}\\r\\n\\r\\n/* ── Bubble ── */\\n.bubble[data-v-bf6d760c] {\\r\\n max-width: 100%;\\r\\n min-width: 30px;\\r\\n width: -moz-fit-content;\\r\\n width: fit-content;\\r\\n padding: 8px 14px;\\r\\n border-radius: 12px;\\r\\n line-height: 1.4;\\r\\n font-size: 15px;\\r\\n word-break: break-word;\\r\\n white-space: normal;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c]:has(.typing) {\\r\\n padding: 16px 20px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border-bottom-right-radius: 4px;\\r\\n box-shadow: 0 2px 8px rgba(22, 119, 255, 0.15);\\r\\n float: right;\\n}\\n.bubble.assistant[data-v-bf6d760c] {\\r\\n background: #fff;\\r\\n color: #333;\\r\\n border-bottom-left-radius: 4px;\\r\\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);\\r\\n text-align: left;\\r\\n width: 100%;\\r\\n box-sizing: border-box;\\n}\\n.bubble[data-v-bf6d760c] table {\\r\\n border-collapse: collapse;\\r\\n width: 100%;\\r\\n margin: 6px 0;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] th,\\r\\n.bubble[data-v-bf6d760c] td {\\r\\n border: 1px solid #e8e8e8;\\r\\n padding: 5px 8px;\\r\\n text-align: left;\\n}\\n.bubble[data-v-bf6d760c] th {\\r\\n background: #fafafa;\\r\\n font-weight: 600;\\n}\\n.bubble[data-v-bf6d760c] code {\\r\\n /* background: #f0f2f5; */\\r\\n padding: 1px 5px;\\r\\n border-radius: 3px;\\r\\n font-size: 14px;\\n}\\n.bubble[data-v-bf6d760c] pre {\\r\\n background: #f6f8fa;\\r\\n color: #333;\\r\\n padding: 12px;\\r\\n border-radius: 6px;\\r\\n overflow-x: auto;\\r\\n font-size: 13px;\\r\\n border: 1px solid #e8e8e8;\\r\\n margin: 8px 0;\\r\\n line-height: 1.5;\\r\\n white-space: pre;\\n}\\n.bubble[data-v-bf6d760c] ul,\\r\\n.bubble[data-v-bf6d760c] ol {\\r\\n padding-left: 20px;\\r\\n margin: 4px 0;\\n}\\n.bubble[data-v-bf6d760c] li {\\r\\n margin: 2px 0;\\n}\\n.bubble[data-v-bf6d760c] p{\\r\\n margin: 6px 0;\\n}\\r\\n\\r\\n/* ── Thinking ── */\\n.thinking-details[data-v-bf6d760c] {\\r\\n margin-bottom: 10px;\\r\\n border: 1px solid #e8e8e8;\\r\\n border-radius: 8px;\\r\\n overflow: hidden;\\r\\n background: #fafafa;\\n}\\n.thinking-summary[data-v-bf6d760c] {\\r\\n font-size: 12px;\\r\\n color: #888;\\r\\n cursor: pointer;\\r\\n padding: 6px 10px;\\r\\n -webkit-user-select: none;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\n}\\n.thinking-summary[data-v-bf6d760c]:hover {\\r\\n color: #1677ff;\\n}\\n.thinking-body[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n padding: 8px 12px;\\r\\n line-height: 1.6;\\r\\n border-top: 1px solid #f0f0f0;\\r\\n text-align: left;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-word;\\r\\n /* 兼容中英文混合断行优化 */\\r\\n overflow-wrap: break-word;\\n}\\n.final-content[data-v-bf6d760c]{\\r\\n /* white-space: pre-wrap; */\\r\\n word-break: break-word;\\r\\n overflow-wrap: break-word;\\n}\\n.thinking-body[data-v-bf6d760c] p {\\r\\n margin: 4px 0;\\n}\\r\\n\\r\\n/* ── Typing ── */\\n.typing[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n min-height: 24px;\\r\\n justify-content: flex-start;\\r\\n padding: 4px 0;\\n}\\n.typing .phrase[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #888;\\r\\n white-space: nowrap;\\r\\n animation: phraseFade-bf6d760c 0.5s ease;\\r\\n letter-spacing: 0.5px;\\n}\\n.typing .dots[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n gap: 5px;\\r\\n align-items: center;\\r\\n justify-content: center;\\n}\\n.typing .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n background: #bbb;\\r\\n border-radius: 50%;\\r\\n animation: dtTyping-bf6d760c 1.3s infinite ease-in-out;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(2) {\\r\\n animation-delay: 0.16s;\\n}\\n.typing .dots span[data-v-bf6d760c]:nth-child(3) {\\r\\n animation-delay: 0.32s;\\n}\\n@keyframes phraseFade-bf6d760c {\\nfrom {\\r\\n opacity: 0.2;\\r\\n transform: translateY(4px);\\n}\\nto {\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\n}\\n}\\n@keyframes dtTyping-bf6d760c {\\n0%,\\r\\n 60%,\\r\\n 100% {\\r\\n transform: translateY(0);\\r\\n opacity: 0.3;\\n}\\n30% {\\r\\n transform: translateY(-5px);\\r\\n opacity: 1;\\n}\\n}\\r\\n\\r\\n/* ── Scroll Buttons ── */\\n.scroll-btns[data-v-bf6d760c] {\\r\\n position: sticky;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: 20px;\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n margin-top: 10px;\\r\\n pointer-events: none;\\n}\\n.scroll-btn[data-v-bf6d760c] {\\r\\n pointer-events: auto;\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\n}\\n.scroll-btn i[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n color: #333;\\n}\\r\\n/* ── Wait Timer ── */\\n.typing.wait-5 .dots span[data-v-bf6d760c] {\\r\\n width: 8px;\\r\\n height: 8px;\\r\\n animation-duration: 1s;\\n}\\n.typing.wait-5 .phrase[data-v-bf6d760c] {\\r\\n color: #888;\\n}\\n.typing.wait-10 .dots span[data-v-bf6d760c] {\\r\\n width: 9px;\\r\\n height: 9px;\\r\\n animation-duration: 0.8s;\\r\\n background: #909399;\\n}\\n.typing.wait-10 .phrase[data-v-bf6d760c] {\\r\\n color: #909399;\\n}\\n.typing.wait-10 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 1s infinite ease-in-out;\\n}\\n.typing.wait-15 .dots span[data-v-bf6d760c] {\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n animation-duration: 0.6s;\\r\\n background: #1677ff;\\n}\\n.typing.wait-15 .phrase[data-v-bf6d760c] {\\r\\n color: #1677ff;\\n}\\n.typing.wait-15 .dots[data-v-bf6d760c] {\\r\\n animation: dtPulse-bf6d760c 0.6s infinite ease-in-out;\\n}\\n@keyframes dtPulse-bf6d760c {\\n0%,\\r\\n 100% {\\r\\n transform: scale(1);\\n}\\n50% {\\r\\n transform: scale(1.05);\\n}\\n}\\n.tool-calls[data-v-bf6d760c] {\\r\\n margin-top: 8px;\\n}\\n.tool-item[data-v-bf6d760c] {\\r\\n background: #f5f5f5;\\r\\n border-radius: 6px;\\r\\n padding: 6px 10px;\\r\\n margin-bottom: 4px;\\r\\n font-size: 12px;\\n}\\n.tool-badge[data-v-bf6d760c] {\\r\\n display: inline-block;\\r\\n margin-bottom: 2px;\\r\\n font-size: 11px;\\r\\n color: #fa8c16;\\r\\n font-weight: 500;\\n}\\n.tool-item pre[data-v-bf6d760c] {\\r\\n margin: 0;\\r\\n white-space: pre-wrap;\\r\\n word-break: break-all;\\r\\n font-size: 12px;\\r\\n color: #666;\\r\\n max-height: 120px;\\r\\n overflow-y: auto;\\n}\\r\\n\\r\\n/* ── Footer ── */\\n.chat-footer[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\r\\n border-top: none;\\r\\n padding: 30px 0;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: flex-end;\\r\\n gap: 6px;\\r\\n background: #fff;\\r\\n border-radius: 24px;\\r\\n /* 左右留白，实现居中效果，和截图边距一致 */\\r\\n margin: 0 24px;\\r\\n padding: 18px 20px;\\r\\n border: 1px solid #b3d8ff;\\r\\n transition: border-color 0.2s;\\r\\n flex-wrap: wrap;\\r\\n width: 1000px;\\n}\\r\\n/* 原有悬浮滚动按钮逻辑完全保留不动 */\\n.scroll-bottom-wrap[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n bottom: calc(100% + 30px);\\r\\n z-index: 99;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n pointer-events: none;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border-radius: 50%;\\r\\n background: #fff;\\r\\n border: 1px solid #e5e7eb;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n pointer-events: auto;\\r\\n position: relative;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #4e5969;\\n}\\r\\n/* 加载转圈动画原样保留 */\\n.loading-circle[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 3px;\\r\\n border-radius: 50%;\\r\\n border: 1.5px solid transparent;\\r\\n border-top: 1.5px solid #1677ff;\\r\\n animation: circle-spin-bf6d760c 1.5s linear infinite;\\n}\\n@keyframes circle-spin-bf6d760c {\\nfrom {\\r\\n transform: rotate(0deg);\\n}\\nto {\\r\\n transform: rotate(360deg);\\n}\\n}\\r\\n/* 聚焦仅变色，取消阴影 */\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: #1677ff;\\r\\n background: #fff;\\r\\n box-shadow: none;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n border: none;\\r\\n outline: none;\\r\\n background: transparent;\\r\\n resize: none;\\r\\n font-size: 16px;\\r\\n line-height: 24px;\\r\\n min-height: 38px;\\r\\n height: 100px;\\r\\n max-height: 100px;\\r\\n overflow-y: auto;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n font-family: inherit;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 16px;\\n}\\r\\n/* 发送按钮 纯蓝色矩形，隐藏svg图标，显示文字发送 */\\n.send-btn[data-v-bf6d760c] {\\r\\n width: auto;\\r\\n height: 40px;\\r\\n padding: 0 21px;\\r\\n border-radius: 6px;\\r\\n border: none;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n font-size: 14px;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: \\\"发送\\\";\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn.active[data-v-bf6d760c]:hover {\\r\\n background: #4096ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n border-radius: 50%;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #ff4d4f;\\r\\n color: #fff;\\r\\n flex-shrink: 0;\\r\\n transition: all 0.2s;\\n}\\n.stop-btn[data-v-bf6d760c]:hover {\\r\\n background: #ff7875;\\n}\\r\\n/* 右下角提示文字，精准定位在按钮左侧，和截图位置完全对齐 */\\n.input-area[data-v-bf6d760c]::after {\\r\\n content: \\\"Enter 发送，Ctrl+Enter 换行\\\";\\r\\n position: absolute;\\r\\n right: 100px;\\r\\n bottom: 28px;\\r\\n font-size: 14px;\\r\\n color: #8c8c8c;\\r\\n pointer-events: none;\\n}\\r\\n/* 滚动到底部按钮样式 */\\n.scroll-bottom-btn[data-v-bf6d760c] {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n background: #ffffff;\\r\\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n transition: all 0.2s ease;\\n}\\n.scroll-bottom-btn[data-v-bf6d760c]:hover {\\r\\n transform: scale(1.1);\\n}\\n.scroll-bottom-btn svg[data-v-bf6d760c] {\\r\\n color: #333;\\n}\\r\\n\\r\\n\\r\\n/* 外层页面容器 对应box_9区域 */\\n.agent-select-page[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) 100% no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n /* 内部全部居中 */\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应，居中 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 1200px;\\n}\\r\\n\\r\\n/* 标题区域居中 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 28px!important;\\r\\n color: #000;\\r\\n font-weight: 500!important;\\r\\n font-family: PingFangSC-Medium;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 智能助手列表：一行2个自适应等分，自动换行 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片基础样式，无固定宽度，自适应网格列宽 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n padding: 20px 20px 19px 116px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.3s ease;\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\\n}\\r\\n\\r\\n/* 上浮头像容器 */\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 3px;\\r\\n top: -36px;\\n}\\r\\n\\r\\n/* 头像默认样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\n}\\r\\n/* 有头像图片：大尺寸 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 97px;\\r\\n height: 126px;\\r\\n background-size: cover;\\n}\\r\\n/* 无头像文字首字母：小尺寸，偏移适配 */\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 76px;\\r\\n height: 108px;\\r\\n transform: translateX(9px);\\n}\\r\\n\\r\\n/* 文字内容区 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\n}\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-family: PingFangSC-Medium;\\r\\n color: #000;\\r\\n line-height: 22px;\\r\\n margin-bottom: 8px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 15px;\\r\\n font-family: PingFangSC-Regular;\\r\\n color: #666;\\r\\n line-height: 21px;\\r\\n /* 核心三行单行省略，文字超出自动... */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\r\\n /* 关键：继承父容器宽度，不会超出父盒子 */\\r\\n width: 100%;\\r\\n display: block;\\n}\\r\\n/* 响应式适配：小屏幕自动变为单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 60px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\r\\n\\r\\n\\r\\n/* ── 聊天空白欢迎页（匹配蓝湖移动端聊天首页） ── */\\n.chat-empty-welcome[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 40px 20px;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 0px;\\r\\n max-width: 600px;\\r\\n margin: 80px auto;\\n}\\r\\n\\r\\n/* 顶部渐变欢迎卡片 */\\n.welcome-card[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n background: linear-gradient(296deg, #D6EDFF 20%, #E8EBFF 80%);\\r\\nborder-radius: 16px 16px 0px 0px;\\r\\n padding: 24px 24px 24px 150px;\\r\\n overflow: visible;\\n}\\r\\n/* 左侧探出头像容器 */\\n.welcome-avatar-box[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 15px;\\r\\n bottom: 0px;\\r\\n width: 110px;\\r\\n height: 137px;\\n}\\n.welcome-avatar[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n border-radius: 12px;\\r\\n background-size: cover;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-size: 20px;\\r\\n color: #fff;\\r\\n font-weight: 600;\\n}\\n.welcome-avatar.has-chat-agent-img[data-v-bf6d760c] {\\r\\n background: transparent;\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\n}\\n.welcome-text-group[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 6px;\\n}\\n.welcome-text-group .text-sm[data-v-bf6d760c] {\\r\\nfont-weight: 400;font-size: 12px;color: #666666;\\r\\ntext-align: left;\\r\\nfont-style: normal;\\n}\\n.welcome-text-group .text-lg[data-v-bf6d760c] {\\r\\n \\r\\n font-weight: 500;\\r\\nfont-size: 16px;\\r\\ncolor: #000000;\\n}\\r\\n\\r\\n/* 猜你想问容器 */\\n.guess-box[data-v-bf6d760c] {\\r\\n border-top: 1px solid #fff;\\r\\n background: linear-gradient(180deg, #B8DCFF 0%, #DFF0FF 50%, #FFFFFF 100%);\\r\\n border-radius: 0 0 16px 16px;\\r\\n padding: 20px;\\n}\\n.guess-title[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #222;\\r\\n margin-bottom: 16px;\\n}\\n.tag-wrap[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 10px;\\n}\\n.quick-tag[data-v-bf6d760c] {\\r\\n padding: 8px 14px;\\r\\n background: #F2FAFF;\\r\\n border-radius: 8px;\\r\\n font-size: 14px;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n border: 1px solid #e0eaff;\\r\\n transition: all 0.2s;\\r\\n white-space: nowrap;\\n}\\r\\n/* .quick-tag:hover {\\r\\n background: #f0f7ff;\\r\\n border-color: #1677ff;\\r\\n} */\\n.chat-agent-avatar-wrapper div[data-v-bf6d760c]{\\r\\n width: 44px;\\r\\n height: 44px;\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* 外层大容器，本地渐变背景铺满全屏，内部全部居中 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n min-height: 100%;\\r\\n padding: 80px 20px;\\r\\n /* 本地背景图铺满 */\\r\\n background: url(https://qiguanbang.obs.cn-east-3.myhuaweicloud.com/production/image/AlAgent/background.png) no-repeat;\\r\\n background-size: 100% 100%;\\r\\n box-sizing: border-box;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\n}\\r\\n\\r\\n/* 内容容器，限制最大宽度，自适应居中，无固定宽 */\\n.agent-wrap[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n max-width: 920px;\\n}\\r\\n\\r\\n/* 标题样式，居中、字号、间距匹配效果图 */\\n.agent-title[data-v-bf6d760c] {\\r\\n text-align: center;\\r\\n margin-bottom: 116px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 26px;\\r\\n color: #222;\\r\\n font-weight: 500;\\r\\n margin: 0;\\r\\n line-height: 40px;\\n}\\r\\n\\r\\n/* 卡片网格：一行2等分，行列间距对齐效果图 */\\n.agent-list[data-v-bf6d760c] {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 76px 30px;\\r\\n width: 100%;\\n}\\r\\n\\r\\n/* 卡片核心样式：圆角、内边距、相对定位，无固定宽度 */\\n.agent-item[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n border-radius: 11px;\\r\\n height: 90px;\\r\\n /* 左侧留出头像位置，文字靠右内缩 */\\r\\n padding: 22px 20px 20px 110px;\\r\\n box-sizing: border-box;\\r\\n cursor: pointer;\\r\\n transition: all 0.25s ease;\\r\\n /* 轻微柔和阴影，和效果图一致 */\\r\\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\\n}\\n.agent-item[data-v-bf6d760c]:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\\n}\\r\\n\\r\\n\\r\\n/* 头像本体通用样式 */\\n.agent-list-avatar[data-v-bf6d760c] {\\r\\n background-repeat: no-repeat;\\r\\n background-position: center;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: #fff;\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n border-radius: 8px;\\r\\n /* 效果图统一卡通头像尺寸 */\\r\\n width: 92px;\\r\\n height: 106px;\\n}\\r\\n/* 有头像图片完整展示，不裁切 */\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n background-size: cover;\\n}\\r\\n\\r\\n/* 文字区域垂直排列 */\\n.agent-info-content[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n max-width: 300px;\\r\\n flex-shrink: 0; /* 如果是flex布局，禁止自身被压缩 */\\n}\\r\\n/* 助手名称 */\\n.name[data-v-bf6d760c] {\\r\\n font-size: 16px;\\r\\n font-weight: 500;\\r\\n color: #111;\\r\\n line-height: 22px;\\r\\n margin-bottom: 6px;\\n}\\r\\n/* 描述文本 */\\n.desc[data-v-bf6d760c] {\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n line-height: 20px;\\r\\n /* 超长描述单行省略 */\\r\\n overflow: hidden;\\r\\n white-space: nowrap;\\r\\n text-overflow: ellipsis;\\n}\\r\\n\\r\\n/* 移动端适配：小屏幕自动单列 */\\n@media screen and (max-width: 768px) {\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 40px 15px;\\n}\\n.agent-title[data-v-bf6d760c] {\\r\\n margin-bottom: 40px;\\n}\\n.agent-title h2[data-v-bf6d760c] {\\r\\n font-size: 22px;\\n}\\n}\\n.chat-layout[data-v-bf6d760c] {\\r\\n position: relative;\\r\\n min-height: 0;\\r\\n overflow: hidden;\\n}\\n.sidebar-mask[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: rgba(15, 23, 42, 0.28);\\r\\n z-index: 29;\\n}\\n.suggestion-avatar[data-v-bf6d760c] {\\r\\n width: 28px !important;\\r\\n height: 28px !important;\\r\\n border-radius: 8px !important;\\r\\n font-size: 12px !important;\\r\\n font-weight: 600;\\r\\n flex-shrink: 0;\\n}\\n.chat-main[data-v-bf6d760c],\\r\\n.chat-body[data-v-bf6d760c] {\\r\\n min-height: 0;\\n}\\n.header-left[data-v-bf6d760c],\\r\\n.header-actions[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\n}\\n.header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n min-width: 0;\\r\\n gap: 10px;\\n}\\n.header-actions[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n.mobile-back-btn[data-v-bf6d760c],\\r\\n.mobile-header-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: #f5f7fa;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.mobile-menu-btn i[data-v-bf6d760c],\\r\\n.mobile-back-btn i[data-v-bf6d760c],\\r\\n.mobile-header-btn i[data-v-bf6d760c] {\\r\\n font-size: 18px;\\n}\\n.mobile-back-btn i[data-v-bf6d760c] {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n width: min(300px, 32vw);\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 16px clamp(12px, 3vw, 40px);\\r\\n background-position: center;\\r\\n background-size: cover;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: min(300px, 45vw);\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 18px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: min(100%, 860px) !important;\\r\\n max-width: 860px;\\n}\\n.msg-content[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n float: none;\\r\\n margin-left: auto;\\r\\n max-width: min(100%, 520px);\\n}\\n.final-content[data-v-bf6d760c],\\r\\n.thinking-body[data-v-bf6d760c],\\r\\n.bubble[data-v-bf6d760c] {\\r\\n overflow-wrap: anywhere;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n padding: 24px 0;\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: min(100%, 1000px) !important;\\r\\n box-sizing: border-box;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1 1 320px;\\r\\n min-width: 0;\\n}\\n@media screen and (max-width: 768px) {\\n.chat-layout.is-mobile[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n height: 100%;\\n}\\r\\n\\r\\n /* agent-selector H5 顶部栏 */\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 0 !important;\\n}\\n.agent-selector .agent-wrap[data-v-bf6d760c] {\\r\\n padding: 40px 16px 0;\\r\\n box-sizing: border-box;\\n}\\n.mobile-agent-select-header[data-v-bf6d760c] {\\r\\n width: 100%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n padding: 10px 0;\\r\\n min-height: 44px;\\n}\\n.mobile-agent-select-header .mobile-agent-back[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 4px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n background: transparent;\\r\\n border: none;\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n padding: 0;\\r\\n color: #333;\\n}\\n.mobile-agent-select-header .mobile-agent-back i[data-v-bf6d760c] {\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\n}\\n.mobile-agent-select-header .mobile-agent-title-text[data-v-bf6d760c] {\\r\\n font-size: 17px;\\r\\n font-weight: 500;\\r\\n color: #000;\\n}\\n.agent-selector .agent-title[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* H5列表模式：侧边栏全屏展示 */\\n.chat-layout.h5-list-mode .chat-sidebar[data-v-bf6d760c] {\\r\\n position: relative !important;\\r\\n width: 100% !important;\\r\\n max-width: 100% !important;\\r\\n min-width: 100% !important;\\r\\n height: 100%;\\r\\n transform: translateX(0) !important;\\r\\n box-shadow: none !important;\\r\\n border-right: none;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 14px 16px;\\r\\n position: relative;\\n}\\n.sidebar-back-btn[data-v-bf6d760c] {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n border: none;\\r\\n border-radius: 10px;\\r\\n background: transparent;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n position: absolute;\\r\\n left: 8px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n padding: 0;\\n}\\n.sidebar-back-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.chat-layout.h5-list-mode .chat-sidebar .sidebar-header img[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n right: 16px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n -o-object-fit: contain;\\r\\n object-fit: contain;\\r\\n cursor: pointer;\\n}\\n.chat-sidebar[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n inset: 0 auto 0 0;\\r\\n width: min(82vw, 320px);\\r\\n min-width: auto;\\r\\n max-width: 320px;\\r\\n height: 100%;\\r\\n border-right: none;\\r\\n box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);\\r\\n transform: translateX(-100%);\\r\\n transition: transform 0.24s ease;\\n}\\n.chat-sidebar.open[data-v-bf6d760c] {\\r\\n transform: translateX(0);\\n}\\n.chat-header[data-v-bf6d760c] {\\r\\n padding: 10px 12px;\\r\\n background: transparent;\\r\\n border-bottom: none;\\n}\\n.chat-header .chat-agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .agent-desc[data-v-bf6d760c] {\\r\\n display: none;\\n}\\n.chat-header .header-left[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n justify-content: center;\\r\\n position: relative;\\n}\\n.chat-header .header-left .mobile-back-btn[data-v-bf6d760c] {\\r\\n position: absolute;\\r\\n left: 12px;\\r\\n background: transparent;\\n}\\n.chat-header .header-actions .mobile-header-btn[data-v-bf6d760c] {\\r\\n background: transparent;\\n}\\n.chat-body[data-v-bf6d760c] {\\r\\n padding: 12px;\\r\\n background-position: center top;\\n}\\n.msg-row[data-v-bf6d760c] {\\r\\n padding: 12px 0;\\n}\\n.msg-main[data-v-bf6d760c] {\\r\\n width: 100% !important;\\r\\n max-width: 100%;\\n}\\n.bubble[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.bubble.user[data-v-bf6d760c] {\\r\\n max-width: 88%;\\n}\\n.chat-footer[data-v-bf6d760c] {\\r\\n padding: 12px 0 max(12px, env(safe-area-inset-bottom));\\r\\n flex-shrink: 0;\\n}\\n.input-area[data-v-bf6d760c] {\\r\\n width: calc(100% - 24px) !important;\\r\\n margin: 0 12px;\\r\\n padding: 6px 6px 6px 4px;\\r\\n border-radius: 24px;\\r\\n border: none;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\r\\n flex-wrap: nowrap;\\r\\n align-items: center;\\n}\\n.input-area[data-v-bf6d760c]:focus-within {\\r\\n border-color: transparent;\\r\\n background: #f5f5f5;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\\n}\\n.input-area[data-v-bf6d760c]::after {\\r\\n display: none;\\n}\\n.voice-btn[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n border: none;\\r\\n background: transparent;\\r\\n border-radius: 50%;\\r\\n color: #333;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\r\\n transition: background 0.2s;\\r\\n padding: 0;\\n}\\n.voice-btn[data-v-bf6d760c]:active {\\r\\n background: rgba(0,0,0,0.05);\\n}\\n.voice-btn[data-v-bf6d760c]:disabled {\\r\\n opacity: 0.4;\\r\\n cursor: not-allowed;\\n}\\n.chat-textarea[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n flex-basis: 0;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n max-height: 100px;\\r\\n font-size: 15px;\\r\\n background: #EBEBEB;\\r\\n border-radius: 18px;\\r\\n padding: 0 14px;\\r\\n line-height: 36px;\\r\\n margin: 0 4px;\\r\\n color: #333;\\n}\\n.chat-textarea[data-v-bf6d760c]::-moz-placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.chat-textarea[data-v-bf6d760c]::placeholder {\\r\\n color: #999;\\r\\n font-size: 15px;\\n}\\n.send-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\r\\n padding: 0;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #1677ff;\\r\\n color: #fff;\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n flex-shrink: 0;\\n}\\n.send-btn svg[data-v-bf6d760c] {\\r\\n display: block;\\n}\\n.send-btn[data-v-bf6d760c]::after {\\r\\n content: none;\\n}\\n.send-btn.active[data-v-bf6d760c] {\\r\\n background: #1677ff;\\n}\\n.send-btn[data-v-bf6d760c]:disabled {\\r\\n background: #88bfff;\\r\\n cursor: not-allowed;\\n}\\n.send-btn[data-v-bf6d760c]:active {\\r\\n transform: scale(0.92);\\n}\\r\\n\\r\\n /* 移动端停止按钮 */\\n.stop-btn[data-v-bf6d760c] {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n min-width: 36px;\\n}\\n.agent-selector[data-v-bf6d760c] {\\r\\n padding: 28px 12px;\\n}\\n.agent-list[data-v-bf6d760c] {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 52px 0;\\n}\\n.agent-item[data-v-bf6d760c] {\\r\\n height: auto;\\r\\n min-height: 84px;\\r\\n padding: 18px 16px 18px 96px;\\n}\\n.agent-avatar-wrapper[data-v-bf6d760c] {\\r\\n left: 8px;\\r\\n top: -18px;\\n}\\n.agent-list-avatar.has-agent-img[data-v-bf6d760c] {\\r\\n width: 74px;\\r\\n height: 88px;\\n}\\n.agent-list-avatar[data-v-bf6d760c]:not(.has-agent-img) {\\r\\n width: 62px;\\r\\n height: 78px;\\n}\\n.desc[data-v-bf6d760c] {\\r\\n white-space: normal;\\r\\n display: -webkit-box;\\r\\n -webkit-line-clamp: 2;\\r\\n -webkit-box-orient: vertical;\\n}\\n.guess-box[data-v-bf6d760c] {\\r\\n padding: 16px;\\n}\\n.session-delete[data-v-bf6d760c] {\\r\\n display: none;\\n}\\r\\n\\r\\n /* ── H5 语音模式 ── */\\n.hold-talk-btn[data-v-bf6d760c] {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 6px;\\r\\n height: 36px;\\r\\n min-height: 36px;\\r\\n margin: 0 4px;\\r\\n border-radius: 18px;\\r\\n background: #EBEBEB;\\r\\n border: none;\\r\\n font-size: 14px;\\r\\n color: #666;\\r\\n cursor: pointer;\\r\\n -moz-user-select: none;\\r\\n user-select: none;\\r\\n -webkit-user-select: none;\\r\\n transition: background 0.15s;\\n}\\n.hold-talk-btn[data-v-bf6d760c]:active {\\r\\n background: #ddd;\\n}\\n.hold-talk-btn.recording[data-v-bf6d760c] {\\r\\n background: #e8f0fe;\\r\\n color: #333;\\n}\\n.hold-talk-btn .hold-talk-icon[data-v-bf6d760c] {\\r\\n flex-shrink: 0;\\n}\\r\\n\\r\\n /* 语音录制浮层 */\\n.voice-recording-overlay[data-v-bf6d760c] {\\r\\n position: fixed;\\r\\n left: 0;\\r\\n right: 0;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: rgba(0,0,0,0.35);\\r\\n animation: fadeIn-bf6d760c 0.15s ease;\\n}\\n.voice-recording-card[data-v-bf6d760c] {\\r\\n width: 200px;\\r\\n padding: 32px 24px 24px;\\r\\n background: #fff;\\r\\n border-radius: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n gap: 16px;\\r\\n box-shadow: 0 8px 32px rgba(0,0,0,0.15);\\n}\\n.voice-recording-wave[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n height: 40px;\\n}\\n.voice-recording-wave span[data-v-bf6d760c] {\\r\\n width: 4px;\\r\\n background: #1677ff;\\r\\n border-radius: 2px;\\r\\n animation: waveAnim-bf6d760c 0.6s ease-in-out infinite alternate;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(1) { height: 16px; animation-delay: 0s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(2) { height: 28px; animation-delay: 0.1s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(3) { height: 40px; animation-delay: 0.2s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(4) { height: 28px; animation-delay: 0.3s;\\n}\\n.voice-recording-wave span[data-v-bf6d760c]:nth-child(5) { height: 16px; animation-delay: 0.4s;\\n}\\n@keyframes waveAnim-bf6d760c {\\n0% { transform: scaleY(0.6);\\n}\\n100% { transform: scaleY(1);\\n}\\n}\\n.voice-recording-duration[data-v-bf6d760c] {\\r\\n font-size: 32px;\\r\\n font-weight: 600;\\r\\n color: #333;\\r\\n line-height: 1;\\n}\\n.voice-recording-duration .unit[data-v-bf6d760c] {\\r\\n font-size: 18px;\\r\\n font-weight: 400;\\r\\n color: #999;\\r\\n margin-left: 2px;\\n}\\n.voice-recording-hint[data-v-bf6d760c] {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n font-size: 13px;\\r\\n color: #999;\\n}\\n.voice-recording-hint.cancel[data-v-bf6d760c] {\\r\\n color: #ff4d4f;\\n}\\n@keyframes fadeIn-bf6d760c {\\nfrom { opacity: 0;\\n}\\nto { opacity: 1;\\n}\\n}\\n}\\n@media screen and (max-width: 480px) {\\n.agent-name[data-v-bf6d760c] {\\r\\n font-size: 14px;\\n}\\n.agent-desc[data-v-bf6d760c] {\\r\\n max-width: calc(100vw - 132px);\\n}\\n.mobile-menu-btn[data-v-bf6d760c],\\r\\n .mobile-header-btn[data-v-bf6d760c] {\\r\\n width: 32px;\\r\\n height: 32px;\\n}\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ZjPluginIntelligent/./src/lib/components/chatMain/index.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--7-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options");
|
|
3265
3265
|
|
|
3266
3266
|
/***/ }),
|
|
3267
3267
|
|
|
@@ -12457,7 +12457,7 @@ eval("module.exports = function(originalModule) {\n\tif (!originalModule.webpack
|
|
|
12457
12457
|
/*! exports provided: name, version, main, private, scripts, dependencies, devDependencies, browserslist, directories, keywords, license, default */
|
|
12458
12458
|
/***/ (function(module) {
|
|
12459
12459
|
|
|
12460
|
-
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.5-beta.
|
|
12460
|
+
eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"zj-plugin-intelligent\\\",\\\"version\\\":\\\"1.2.5-beta.5\\\",\\\"main\\\":\\\"lib/ZjPluginIntelligent.umd.min.js\\\",\\\"private\\\":false,\\\"scripts\\\":{\\\"serve\\\":\\\"vue-cli-service serve\\\",\\\"build\\\":\\\"vue-cli-service build\\\",\\\"lib\\\":\\\"vue-cli-service build --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\",\\\"lib:test\\\":\\\"vue-cli-service build --mode test --target lib --name ZjPluginIntelligent --dest lib src/lib/index.js\\\"},\\\"dependencies\\\":{\\\"html2canvas\\\":\\\"^1.4.1\\\",\\\"markdown-it\\\":\\\"^14.1.0\\\"},\\\"devDependencies\\\":{\\\"@babel/preset-env\\\":\\\"^7.14.9\\\",\\\"@vue/cli-plugin-babel\\\":\\\"~4.5.0\\\",\\\"@vue/cli-plugin-eslint\\\":\\\"^4.5.13\\\",\\\"@vue/cli-plugin-vuex\\\":\\\"~4.5.0\\\",\\\"@vue/cli-service\\\":\\\"~4.5.0\\\",\\\"axios\\\":\\\"^0.27.2\\\",\\\"babel-eslint\\\":\\\"^10.1.0\\\",\\\"babel-plugin-component\\\":\\\"^1.1.1\\\",\\\"compression-webpack-plugin\\\":\\\"^6.0.3\\\",\\\"core-js\\\":\\\"^3.6.5\\\",\\\"element-ui\\\":\\\"^2.15.4\\\",\\\"eslint\\\":\\\"^7.30.0\\\",\\\"eslint-plugin-vue\\\":\\\"^7.13.0\\\",\\\"js-cookie\\\":\\\"^2.2.1\\\",\\\"node-sass\\\":\\\"^4.12.0\\\",\\\"obs-upload\\\":\\\"^1.0.4-alpha.0\\\",\\\"reconnecting-websocket\\\":\\\"^4.4.0\\\",\\\"sass-loader\\\":\\\"^8.0.2\\\",\\\"snowflake-id\\\":\\\"^1.1.0\\\",\\\"vue\\\":\\\"^2.6.11\\\",\\\"vue-template-compiler\\\":\\\"^2.6.11\\\",\\\"vuex\\\":\\\"^3.4.0\\\",\\\"pako\\\":\\\"^2.1.0\\\",\\\"webpack-bundle-analyzer\\\":\\\"^4.4.2\\\"},\\\"browserslist\\\":[\\\"> 1%\\\",\\\"last 2 versions\\\",\\\"not dead\\\"],\\\"directories\\\":{\\\"lib\\\":\\\"lib\\\"},\\\"keywords\\\":[],\\\"license\\\":\\\"ISC\\\"}\");\n\n//# sourceURL=webpack://ZjPluginIntelligent/./package.json?");
|
|
12461
12461
|
|
|
12462
12462
|
/***/ }),
|
|
12463
12463
|
|