coze-chat-widget 1.0.2 → 1.0.3

package/dist/coze-widget.css

@@ -1 +1 @@
-.chat-wrapper[data-v-51b4d6ae]{position:relative}.floating-button[data-v-51b4d6ae]{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;z-index:calc(var(--coze-z-index) - 1);display:flex;align-items:center;justify-content:center;color:#fff}.floating-button[data-v-51b4d6ae]:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.floating-button[data-v-51b4d6ae]:active{transform:scale(.95)}.chat-container[data-v-51b4d6ae]{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 10px 40px #0000001f;z-index:var(--coze-z-index, 9999);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.chat-window-enter-active[data-v-51b4d6ae],.chat-window-leave-active[data-v-51b4d6ae]{transition:all .25s ease-out}.chat-window-enter-from[data-v-51b4d6ae],.chat-window-leave-to[data-v-51b4d6ae]{opacity:0;transform:translateY(10px) scale(.95)}.chat-header[data-v-51b4d6ae]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);min-height:56px}.chat-header .chat-header-left[data-v-51b4d6ae]{display:flex;align-items:center;gap:12px;flex:1}.chat-header .chat-logo[data-v-51b4d6ae]{-o-object-fit:contain;object-fit:contain;max-height:40px;max-width:40px;border-radius:50%}.chat-header .chat-title[data-v-51b4d6ae]{font-size:16px;font-weight:600}.chat-header .chat-header-actions[data-v-51b4d6ae]{display:flex;align-items:center;gap:6px}.chat-header .chat-action-button[data-v-51b4d6ae]{width:var(--coze-action-button-size, 36px);height:var(--coze-action-button-size, 36px);border:none;border-radius:4px;background:transparent;color:#fff;font-size:var(--coze-action-button-font-size, 24px);cursor:pointer;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.chat-header .chat-action-button[data-v-51b4d6ae]:hover{opacity:.8}.chat-header .chat-action-button[data-v-51b4d6ae]:active{opacity:.6}.chat-header .chat-close-button[data-v-51b4d6ae]{font-size:var(--coze-close-button-font-size, 28px);line-height:1}.chat-messages[data-v-51b4d6ae]{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;min-height:0;scroll-behavior:smooth}.chat-messages-scrollbar[data-v-51b4d6ae]::-webkit-scrollbar{width:6px}.chat-messages-scrollbar[data-v-51b4d6ae]::-webkit-scrollbar-track{background:transparent}.chat-messages-scrollbar[data-v-51b4d6ae]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.chat-messages-scrollbar[data-v-51b4d6ae]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.message-list-container[data-v-51b4d6ae]{display:flex;flex-direction:column;gap:12px}.empty-state[data-v-51b4d6ae]{text-align:center;padding:48px 20px;font-size:14px}.message-item[data-v-51b4d6ae]{display:flex;gap:12px}.message-user[data-v-51b4d6ae]{flex-direction:row-reverse}.message-avatar[data-v-51b4d6ae]{width:var(--coze-avatar-size, 40px);height:var(--coze-avatar-size, 40px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--coze-avatar-font-size, 20px);flex-shrink:0;overflow:hidden;border:1px solid var(--coze-border-color, #f5f5f5)}.message-avatar-img[data-v-51b4d6ae]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-avatar-icon[data-v-51b4d6ae]{width:22px;height:22px;color:var(--coze-primary-color, #007bff)}.message-content-wrapper[data-v-51b4d6ae]{flex:1;display:flex;flex-direction:column;gap:4px;max-width:75%}.message-content-wrapper-user[data-v-51b4d6ae]{align-items:flex-end}.message-content-wrapper-assistant[data-v-51b4d6ae]{align-items:flex-start}.message-sender-name[data-v-51b4d6ae]{font-size:13px;font-weight:600;color:var(--coze-text-color, #333333);margin-bottom:4px}.message-content[data-v-51b4d6ae]{padding:10px 16px;border-radius:8px;word-wrap:break-word;word-break:break-word;line-height:1.6;font-size:14px}.message-content-user[data-v-51b4d6ae]{color:#fff;border-radius:8px}.message-content-user p[data-v-51b4d6ae]{margin:0}.message-content-assistant[data-v-51b4d6ae]{background-color:var(--coze-assistant-bubble-color, #f5f5f5);color:var(--coze-text-color, #333333);border:1px solid var(--coze-border-color, #dee2e6);border-radius:8px;overflow-x:auto}.message-content-assistant[data-v-51b4d6ae] p{margin:0 0 8px}.message-content-assistant[data-v-51b4d6ae] p:last-child{margin-bottom:0}.message-content-assistant[data-v-51b4d6ae] h1,.message-content-assistant[data-v-51b4d6ae] h2,.message-content-assistant[data-v-51b4d6ae] h3,.message-content-assistant[data-v-51b4d6ae] h4,.message-content-assistant[data-v-51b4d6ae] h5,.message-content-assistant[data-v-51b4d6ae] h6{margin:12px 0 8px;font-weight:600;color:var(--coze-text-color, #333333)}.message-content-assistant[data-v-51b4d6ae] ul,.message-content-assistant[data-v-51b4d6ae] ol{margin:8px 0;padding-left:24px}.message-content-assistant[data-v-51b4d6ae] li{margin:4px 0}.message-content-assistant[data-v-51b4d6ae] code{background:color-mix(in srgb,var(--coze-bg-color, #ffffff) 85%,var(--coze-text-color, #333333));padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--coze-primary-color, #007bff)}.message-content-assistant[data-v-51b4d6ae] pre{background:#282c34;color:#abb2bf;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5}.message-content-assistant[data-v-51b4d6ae] pre code{background:transparent!important;padding:0;color:#abb2bf!important;border:none}.message-content-assistant[data-v-51b4d6ae] blockquote{border-left:4px solid var(--coze-primary-color, #007bff);padding-left:12px;margin:8px 0;color:color-mix(in srgb,var(--coze-text-color, #333333) 70%,transparent);font-style:italic}.message-content-assistant[data-v-51b4d6ae] a{color:var(--coze-primary-color, #007bff);text-decoration:none}.message-content-assistant[data-v-51b4d6ae] a:hover{text-decoration:underline}.message-content-assistant[data-v-51b4d6ae] strong{font-weight:600}.message-content-assistant[data-v-51b4d6ae] em{font-style:italic}.message-content-assistant[data-v-51b4d6ae] table{border-collapse:collapse;margin:10px 0;font-size:13px;width:100%;min-width:460px}.message-content-assistant[data-v-51b4d6ae] tr{border-bottom:1px solid var(--coze-border-color, #dee2e6)}.message-content-assistant[data-v-51b4d6ae] tr:last-child{border-bottom:none}.message-content-assistant[data-v-51b4d6ae] th,.message-content-assistant[data-v-51b4d6ae] td{border:1px solid var(--coze-border-color, #dee2e6);padding:10px 12px;text-align:left;word-break:break-word;vertical-align:top;white-space:normal;box-sizing:border-box}.message-content-assistant[data-v-51b4d6ae] th:first-child,.message-content-assistant[data-v-51b4d6ae] td:first-child{min-width:110px}.message-content-assistant[data-v-51b4d6ae] th:not(:first-child):not(:last-child),.message-content-assistant[data-v-51b4d6ae] td:not(:first-child):not(:last-child){min-width:82px}.message-content-assistant[data-v-51b4d6ae] th{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 12%,transparent);color:var(--coze-text-color, #333333);font-weight:600}.message-content-assistant[data-v-51b4d6ae] tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--coze-bg-color, #ffffff) 95%,var(--coze-text-color, #333333))}.message-content-assistant[data-v-51b4d6ae] tbody tr:hover{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 6%,transparent)}.message-actions[data-v-51b4d6ae]{display:flex;gap:4px;margin-top:4px}.message-expand-button[data-v-51b4d6ae]{padding:4px 8px;border:none;border-radius:4px;background:transparent;color:color-mix(in srgb,var(--coze-text-color, #333333) 60%,transparent);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.message-expand-button[data-v-51b4d6ae]:hover{background-color:color-mix(in srgb,var(--coze-text-color, #333333) 10%,transparent);color:var(--coze-primary-color, #007bff)}.message-expand-button[data-v-51b4d6ae]:active{transform:scale(.95)}.message-timestamp[data-v-51b4d6ae]{font-size:11px;padding:0 4px}.message-list-enter-active[data-v-51b4d6ae],.message-list-leave-active[data-v-51b4d6ae]{transition:all .2s ease-out}.message-list-enter-from[data-v-51b4d6ae]{opacity:0;transform:translateY(5px)}.message-list-leave-to[data-v-51b4d6ae]{opacity:0;transform:translate(5px)}.chat-footer[data-v-51b4d6ae]{display:flex;gap:8px;padding:12px 16px;border-top:1px solid;align-items:center}.chat-input[data-v-51b4d6ae]{flex:1;padding:10px 16px;border:1px solid;border-radius:8px;font-size:14px;outline:none;transition:all .15s ease;font-family:inherit;background-color:var(--coze-bg-color, #ffffff)}.chat-input[data-v-51b4d6ae]:focus{border-color:var(--coze-primary-color, #007bff);box-shadow:0 0 0 3px color-mix(in srgb,var(--coze-primary-color, #007bff) 10%,transparent)}.chat-input[data-v-51b4d6ae]:disabled{background-color:color-mix(in srgb,var(--coze-bg-color, #ffffff) 95%,var(--coze-text-color, #333333));cursor:not-allowed;opacity:.6}.chat-input[data-v-51b4d6ae]::-moz-placeholder{color:color-mix(in srgb,var(--coze-text-color, #333333) 60%,transparent)}.chat-input[data-v-51b4d6ae]::placeholder{color:color-mix(in srgb,var(--coze-text-color, #333333) 60%,transparent)}.chat-send-button[data-v-51b4d6ae]{padding:10px 20px;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.chat-send-button[data-v-51b4d6ae]:hover:not(:disabled){opacity:.9}.chat-send-button[data-v-51b4d6ae]:active:not(:disabled){opacity:.8}.chat-send-button[data-v-51b4d6ae]:disabled{opacity:.5;cursor:not-allowed}.chat-send-button-icon[data-v-51b4d6ae]{padding:0;width:40px;height:40px;min-width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.chat-send-icon[data-v-51b4d6ae]{width:20px;height:20px;color:currentColor}.drawer-overlay[data-v-51b4d6ae]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:calc(var(--coze-z-index, 9999) + 1);display:flex;align-items:center;justify-content:center;padding:20px}.drawer-content[data-v-51b4d6ae]{background-color:var(--coze-bg-color, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.drawer-header[data-v-51b4d6ae]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--coze-border-color, #dee2e6);background-color:var(--coze-primary-color, #007bff);color:#fff}.drawer-title[data-v-51b4d6ae]{margin:0;font-size:18px;font-weight:600}.drawer-close-button[data-v-51b4d6ae]{width:32px;height:32px;border:none;border-radius:4px;background:rgba(255,255,255,.2);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.drawer-close-button[data-v-51b4d6ae]:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.drawer-close-button[data-v-51b4d6ae]:active{transform:scale(.95)}.drawer-body[data-v-51b4d6ae]{flex:1;overflow-y:auto;overflow-x:auto;padding:24px;color:var(--coze-text-color, #333333);line-height:1.8;font-size:15px}.drawer-body[data-v-51b4d6ae]::-webkit-scrollbar{width:8px}.drawer-body[data-v-51b4d6ae]::-webkit-scrollbar-track{background:transparent}.drawer-body[data-v-51b4d6ae]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.drawer-body[data-v-51b4d6ae]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.drawer-body[data-v-51b4d6ae] p{margin:0 0 16px}.drawer-body[data-v-51b4d6ae] p:last-child{margin-bottom:0}.drawer-body[data-v-51b4d6ae] h1,.drawer-body[data-v-51b4d6ae] h2,.drawer-body[data-v-51b4d6ae] h3,.drawer-body[data-v-51b4d6ae] h4,.drawer-body[data-v-51b4d6ae] h5,.drawer-body[data-v-51b4d6ae] h6{margin:20px 0 12px;font-weight:600;color:var(--coze-text-color, #333333)}.drawer-body[data-v-51b4d6ae] h1{font-size:24px}.drawer-body[data-v-51b4d6ae] h2{font-size:20px}.drawer-body[data-v-51b4d6ae] h3{font-size:18px}.drawer-body[data-v-51b4d6ae] ul,.drawer-body[data-v-51b4d6ae] ol{margin:12px 0;padding-left:28px}.drawer-body[data-v-51b4d6ae] li{margin:8px 0}.drawer-body[data-v-51b4d6ae] code{background:color-mix(in srgb,var(--coze-bg-color, #ffffff) 85%,var(--coze-text-color, #333333));padding:3px 8px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;color:var(--coze-primary-color, #007bff)}.drawer-body[data-v-51b4d6ae] pre{background:#282c34;color:#abb2bf;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6}.drawer-body[data-v-51b4d6ae] pre code{background:transparent!important;padding:0;color:#abb2bf!important;border:none}.drawer-body[data-v-51b4d6ae] blockquote{border-left:4px solid var(--coze-primary-color, #007bff);padding-left:16px;margin:16px 0;color:color-mix(in srgb,var(--coze-text-color, #333333) 70%,transparent);font-style:italic}.drawer-body[data-v-51b4d6ae] a{color:var(--coze-primary-color, #007bff);text-decoration:none}.drawer-body[data-v-51b4d6ae] a:hover{text-decoration:underline}.drawer-body[data-v-51b4d6ae] strong{font-weight:600}.drawer-body[data-v-51b4d6ae] em{font-style:italic}.drawer-body[data-v-51b4d6ae] table{border-collapse:collapse;margin:16px 0;font-size:15px;width:100%;min-width:500px}.drawer-body[data-v-51b4d6ae] tr{border-bottom:1px solid var(--coze-border-color, #dee2e6)}.drawer-body[data-v-51b4d6ae] tr:last-child{border-bottom:none}.drawer-body[data-v-51b4d6ae] th,.drawer-body[data-v-51b4d6ae] td{border:1px solid var(--coze-border-color, #dee2e6);padding:10px 14px;text-align:left;word-break:break-word;vertical-align:top;white-space:normal;box-sizing:border-box}.drawer-body[data-v-51b4d6ae] th:first-child,.drawer-body[data-v-51b4d6ae] td:first-child{min-width:120px}.drawer-body[data-v-51b4d6ae] th:not(:first-child):not(:last-child),.drawer-body[data-v-51b4d6ae] td:not(:first-child):not(:last-child){min-width:90px}.drawer-body[data-v-51b4d6ae] th{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 12%,transparent);color:var(--coze-text-color, #333333);font-weight:600}.drawer-body[data-v-51b4d6ae] tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--coze-bg-color, #ffffff) 95%,var(--coze-text-color, #333333))}.drawer-body[data-v-51b4d6ae] tbody tr:hover{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 6%,transparent)}.drawer-enter-active[data-v-51b4d6ae],.drawer-leave-active[data-v-51b4d6ae]{transition:all .3s ease}.drawer-enter-from[data-v-51b4d6ae],.drawer-leave-to[data-v-51b4d6ae]{opacity:0}.drawer-enter-from .drawer-content[data-v-51b4d6ae],.drawer-leave-to .drawer-content[data-v-51b4d6ae]{transform:scale(.9) translateY(20px)}.drawer-enter-to .drawer-content[data-v-51b4d6ae],.drawer-leave-from .drawer-content[data-v-51b4d6ae]{transform:scale(1) translateY(0)}.message-loading[data-v-51b4d6ae]{justify-content:flex-start;align-items:center;gap:12px}.loading-animation[data-v-51b4d6ae]{display:flex;gap:6px;align-items:center;padding:10px 16px;border-radius:8px;border:1px solid}.loading-dot[data-v-51b4d6ae]{width:8px;height:8px;border-radius:50%;animation:loadingDot-51b4d6ae 1.4s infinite ease-in-out}@keyframes loadingDot-51b4d6ae{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 480px){.chat-container[data-v-51b4d6ae]{bottom:0!important;right:0!important;left:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;max-width:none!important;max-height:none!important}.floating-button[data-v-51b4d6ae]{bottom:16px!important;right:16px!important;width:48px!important;height:48px!important;font-size:20px!important}.message-content-wrapper[data-v-51b4d6ae]{max-width:85%!important}.chat-header[data-v-51b4d6ae]{padding:12px 16px!important;min-height:52px!important}.chat-title[data-v-51b4d6ae]{font-size:15px!important}.chat-messages[data-v-51b4d6ae]{padding:12px!important}.chat-footer[data-v-51b4d6ae]{padding:10px 12px!important}}.chat-widget-wrapper[data-v-4b054758]{position:relative;isolation:isolate}:root{--coze-primary-color: #007bff;--coze-bg-color: #ffffff;--coze-text-color: #333333;--coze-button-color: #007bff;--coze-border-color: #dee2e6;--coze-width: 460px;--coze-height: 85vh;--coze-border-radius: 12px;--coze-shadow: 0 4px 12px rgba(0, 0, 0, .15);--coze-z-index: 9999;--coze-action-button-size: 36px;--coze-action-button-font-size: 24px;--coze-close-button-font-size: 28px;--coze-avatar-size: 40px;--coze-avatar-font-size: 20px;--coze-user-avatar-opacity: 20%;--coze-assistant-avatar-opacity: 10%}#coze-widget-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--coze-text-color, #333333);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;background:transparent}#coze-widget-root *,#coze-widget-root *:before,#coze-widget-root *:after{box-sizing:inherit}
+.chat-wrapper[data-v-5c1102d1]{position:relative}.floating-button[data-v-5c1102d1]{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;z-index:calc(var(--coze-z-index) - 1);display:flex;align-items:center;justify-content:center;color:#fff}.floating-button[data-v-5c1102d1]:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.floating-button[data-v-5c1102d1]:active{transform:scale(.95)}.chat-container[data-v-5c1102d1]{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 10px 40px #0000001f;z-index:var(--coze-z-index, 9999);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.chat-window-enter-active[data-v-5c1102d1],.chat-window-leave-active[data-v-5c1102d1]{transition:all .25s ease-out}.chat-window-enter-from[data-v-5c1102d1],.chat-window-leave-to[data-v-5c1102d1]{opacity:0;transform:translateY(10px) scale(.95)}.chat-header[data-v-5c1102d1]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);min-height:56px}.chat-header .chat-header-left[data-v-5c1102d1]{display:flex;align-items:center;gap:12px;flex:1}.chat-header .chat-logo[data-v-5c1102d1]{-o-object-fit:contain;object-fit:contain;max-height:40px;max-width:40px;border-radius:50%}.chat-header .chat-title[data-v-5c1102d1]{font-size:16px;font-weight:600}.chat-header .chat-header-actions[data-v-5c1102d1]{display:flex;align-items:center;gap:6px}.chat-header .chat-action-button[data-v-5c1102d1]{width:var(--coze-action-button-size, 36px);height:var(--coze-action-button-size, 36px);border:none;border-radius:4px;background:transparent;color:#fff;font-size:var(--coze-action-button-font-size, 24px);cursor:pointer;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.chat-header .chat-action-button[data-v-5c1102d1]:hover{opacity:.8}.chat-header .chat-action-button[data-v-5c1102d1]:active{opacity:.6}.chat-header .chat-close-button[data-v-5c1102d1]{font-size:var(--coze-close-button-font-size, 28px);line-height:1}.chat-messages[data-v-5c1102d1]{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;min-height:0;scroll-behavior:smooth}.chat-messages-scrollbar[data-v-5c1102d1]::-webkit-scrollbar{width:6px}.chat-messages-scrollbar[data-v-5c1102d1]::-webkit-scrollbar-track{background:transparent}.chat-messages-scrollbar[data-v-5c1102d1]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.chat-messages-scrollbar[data-v-5c1102d1]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.message-list-container[data-v-5c1102d1]{display:flex;flex-direction:column;gap:12px}.empty-state[data-v-5c1102d1]{text-align:center;padding:48px 20px;font-size:14px}.message-item[data-v-5c1102d1]{display:flex;gap:12px}.message-user[data-v-5c1102d1]{flex-direction:row-reverse}.message-avatar[data-v-5c1102d1]{width:var(--coze-avatar-size, 40px);height:var(--coze-avatar-size, 40px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--coze-avatar-font-size, 20px);flex-shrink:0;overflow:hidden;border:1px solid var(--coze-border-color, #f5f5f5)}.message-avatar-img[data-v-5c1102d1]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-avatar-icon[data-v-5c1102d1]{width:22px;height:22px;color:var(--coze-primary-color, #007bff)}.message-content-wrapper[data-v-5c1102d1]{flex:1;display:flex;flex-direction:column;gap:4px;max-width:75%}.message-content-wrapper-user[data-v-5c1102d1]{align-items:flex-end}.message-content-wrapper-assistant[data-v-5c1102d1]{align-items:flex-start}.message-sender-name[data-v-5c1102d1]{font-size:13px;font-weight:600;color:var(--coze-text-color, #333333);margin-bottom:4px}.message-content[data-v-5c1102d1]{padding:10px 16px;border-radius:8px;word-wrap:break-word;word-break:break-word;line-height:1.6;font-size:14px}.message-content-user[data-v-5c1102d1]{color:#fff;border-radius:8px}.message-content-user p[data-v-5c1102d1]{margin:0}.message-content-assistant[data-v-5c1102d1]{background-color:var(--coze-assistant-bubble-color, #f5f5f5);color:var(--coze-text-color, #333333);border:1px solid var(--coze-border-color, #dee2e6);border-radius:8px;overflow-x:auto}.message-content-assistant[data-v-5c1102d1] p{margin:0 0 8px}.message-content-assistant[data-v-5c1102d1] p:last-child{margin-bottom:0}.message-content-assistant[data-v-5c1102d1] h1,.message-content-assistant[data-v-5c1102d1] h2,.message-content-assistant[data-v-5c1102d1] h3,.message-content-assistant[data-v-5c1102d1] h4,.message-content-assistant[data-v-5c1102d1] h5,.message-content-assistant[data-v-5c1102d1] h6{margin:12px 0 8px;font-weight:600;color:var(--coze-text-color, #333333)}.message-content-assistant[data-v-5c1102d1] ul,.message-content-assistant[data-v-5c1102d1] ol{margin:8px 0;padding-left:24px}.message-content-assistant[data-v-5c1102d1] li{margin:4px 0}.message-content-assistant[data-v-5c1102d1] code{background:color-mix(in srgb,var(--coze-bg-color, #ffffff) 85%,var(--coze-text-color, #333333));padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--coze-primary-color, #007bff)}.message-content-assistant[data-v-5c1102d1] pre{background:#282c34;color:#abb2bf;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5}.message-content-assistant[data-v-5c1102d1] pre code{background:transparent!important;padding:0;color:#abb2bf!important;border:none}.message-content-assistant[data-v-5c1102d1] blockquote{border-left:4px solid var(--coze-primary-color, #007bff);padding-left:12px;margin:8px 0;color:color-mix(in srgb,var(--coze-text-color, #333333) 70%,transparent);font-style:italic}.message-content-assistant[data-v-5c1102d1] a{color:var(--coze-primary-color, #007bff);text-decoration:none}.message-content-assistant[data-v-5c1102d1] a:hover{text-decoration:underline}.message-content-assistant[data-v-5c1102d1] strong{font-weight:600}.message-content-assistant[data-v-5c1102d1] em{font-style:italic}.message-content-assistant[data-v-5c1102d1] table{border-collapse:collapse;margin:10px 0;font-size:13px;width:100%;min-width:460px}.message-content-assistant[data-v-5c1102d1] tr{border-bottom:1px solid var(--coze-border-color, #dee2e6)}.message-content-assistant[data-v-5c1102d1] tr:last-child{border-bottom:none}.message-content-assistant[data-v-5c1102d1] th,.message-content-assistant[data-v-5c1102d1] td{border:1px solid var(--coze-border-color, #dee2e6);padding:10px 12px;text-align:left;word-break:break-word;vertical-align:top;white-space:normal;box-sizing:border-box}.message-content-assistant[data-v-5c1102d1] th:first-child,.message-content-assistant[data-v-5c1102d1] td:first-child{min-width:110px}.message-content-assistant[data-v-5c1102d1] th:not(:first-child):not(:last-child),.message-content-assistant[data-v-5c1102d1] td:not(:first-child):not(:last-child){min-width:82px}.message-content-assistant[data-v-5c1102d1] th{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 12%,transparent);color:var(--coze-text-color, #333333);font-weight:600}.message-content-assistant[data-v-5c1102d1] tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--coze-bg-color, #ffffff) 95%,var(--coze-text-color, #333333))}.message-content-assistant[data-v-5c1102d1] tbody tr:hover{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 6%,transparent)}.message-actions[data-v-5c1102d1]{display:flex;gap:4px;margin-top:4px}.message-expand-button[data-v-5c1102d1]{padding:4px 8px;border:none;border-radius:4px;background:transparent;color:color-mix(in srgb,var(--coze-text-color, #333333) 60%,transparent);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.message-expand-button[data-v-5c1102d1]:hover{background-color:color-mix(in srgb,var(--coze-text-color, #333333) 10%,transparent);color:var(--coze-primary-color, #007bff)}.message-expand-button[data-v-5c1102d1]:active{transform:scale(.95)}.message-timestamp[data-v-5c1102d1]{font-size:11px;padding:0 4px}.message-list-enter-active[data-v-5c1102d1],.message-list-leave-active[data-v-5c1102d1]{transition:all .2s ease-out}.message-list-enter-from[data-v-5c1102d1]{opacity:0;transform:translateY(5px)}.message-list-leave-to[data-v-5c1102d1]{opacity:0;transform:translate(5px)}.chat-footer[data-v-5c1102d1]{display:flex;gap:8px;padding:12px 16px;border-top:1px solid;align-items:center}.chat-input[data-v-5c1102d1]{flex:1;padding:10px 16px;border:1px solid;border-radius:8px;font-size:14px;outline:none;transition:all .15s ease;font-family:inherit;background-color:var(--coze-bg-color, #ffffff)}.chat-input[data-v-5c1102d1]:focus{border-color:var(--coze-primary-color, #007bff);box-shadow:0 0 0 3px color-mix(in srgb,var(--coze-primary-color, #007bff) 10%,transparent)}.chat-input[data-v-5c1102d1]:disabled{background-color:color-mix(in srgb,var(--coze-bg-color, #ffffff) 95%,var(--coze-text-color, #333333));cursor:not-allowed;opacity:.6}.chat-input[data-v-5c1102d1]::-moz-placeholder{color:color-mix(in srgb,var(--coze-text-color, #333333) 60%,transparent)}.chat-input[data-v-5c1102d1]::placeholder{color:color-mix(in srgb,var(--coze-text-color, #333333) 60%,transparent)}.chat-send-button[data-v-5c1102d1]{padding:10px 20px;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.chat-send-button[data-v-5c1102d1]:hover:not(:disabled){opacity:.9}.chat-send-button[data-v-5c1102d1]:active:not(:disabled){opacity:.8}.chat-send-button[data-v-5c1102d1]:disabled{opacity:.5;cursor:not-allowed}.chat-send-button-icon[data-v-5c1102d1]{padding:0;width:40px;height:40px;min-width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.chat-send-icon[data-v-5c1102d1]{width:20px;height:20px;color:currentColor}.drawer-overlay[data-v-5c1102d1]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:calc(var(--coze-z-index, 9999) + 1);display:flex;align-items:center;justify-content:center;padding:20px}.drawer-content[data-v-5c1102d1]{background-color:var(--coze-bg-color, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.drawer-header[data-v-5c1102d1]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--coze-border-color, #dee2e6);background-color:var(--coze-primary-color, #007bff);color:#fff}.drawer-title[data-v-5c1102d1]{margin:0;font-size:18px;font-weight:600}.drawer-close-button[data-v-5c1102d1]{width:32px;height:32px;border:none;border-radius:4px;background:rgba(255,255,255,.2);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.drawer-close-button[data-v-5c1102d1]:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.drawer-close-button[data-v-5c1102d1]:active{transform:scale(.95)}.drawer-body[data-v-5c1102d1]{flex:1;overflow-y:auto;overflow-x:auto;padding:24px;color:var(--coze-text-color, #333333);line-height:1.8;font-size:15px}.drawer-body[data-v-5c1102d1]::-webkit-scrollbar{width:8px}.drawer-body[data-v-5c1102d1]::-webkit-scrollbar-track{background:transparent}.drawer-body[data-v-5c1102d1]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.drawer-body[data-v-5c1102d1]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.drawer-body[data-v-5c1102d1] p{margin:0 0 16px}.drawer-body[data-v-5c1102d1] p:last-child{margin-bottom:0}.drawer-body[data-v-5c1102d1] h1,.drawer-body[data-v-5c1102d1] h2,.drawer-body[data-v-5c1102d1] h3,.drawer-body[data-v-5c1102d1] h4,.drawer-body[data-v-5c1102d1] h5,.drawer-body[data-v-5c1102d1] h6{margin:20px 0 12px;font-weight:600;color:var(--coze-text-color, #333333)}.drawer-body[data-v-5c1102d1] h1{font-size:24px}.drawer-body[data-v-5c1102d1] h2{font-size:20px}.drawer-body[data-v-5c1102d1] h3{font-size:18px}.drawer-body[data-v-5c1102d1] ul,.drawer-body[data-v-5c1102d1] ol{margin:12px 0;padding-left:28px}.drawer-body[data-v-5c1102d1] li{margin:8px 0}.drawer-body[data-v-5c1102d1] code{background:color-mix(in srgb,var(--coze-bg-color, #ffffff) 85%,var(--coze-text-color, #333333));padding:3px 8px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;color:var(--coze-primary-color, #007bff)}.drawer-body[data-v-5c1102d1] pre{background:#282c34;color:#abb2bf;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6}.drawer-body[data-v-5c1102d1] pre code{background:transparent!important;padding:0;color:#abb2bf!important;border:none}.drawer-body[data-v-5c1102d1] blockquote{border-left:4px solid var(--coze-primary-color, #007bff);padding-left:16px;margin:16px 0;color:color-mix(in srgb,var(--coze-text-color, #333333) 70%,transparent);font-style:italic}.drawer-body[data-v-5c1102d1] a{color:var(--coze-primary-color, #007bff);text-decoration:none}.drawer-body[data-v-5c1102d1] a:hover{text-decoration:underline}.drawer-body[data-v-5c1102d1] strong{font-weight:600}.drawer-body[data-v-5c1102d1] em{font-style:italic}.drawer-body[data-v-5c1102d1] table{border-collapse:collapse;margin:16px 0;font-size:15px;width:100%;min-width:500px}.drawer-body[data-v-5c1102d1] tr{border-bottom:1px solid var(--coze-border-color, #dee2e6)}.drawer-body[data-v-5c1102d1] tr:last-child{border-bottom:none}.drawer-body[data-v-5c1102d1] th,.drawer-body[data-v-5c1102d1] td{border:1px solid var(--coze-border-color, #dee2e6);padding:10px 14px;text-align:left;word-break:break-word;vertical-align:top;white-space:normal;box-sizing:border-box}.drawer-body[data-v-5c1102d1] th:first-child,.drawer-body[data-v-5c1102d1] td:first-child{min-width:120px}.drawer-body[data-v-5c1102d1] th:not(:first-child):not(:last-child),.drawer-body[data-v-5c1102d1] td:not(:first-child):not(:last-child){min-width:90px}.drawer-body[data-v-5c1102d1] th{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 12%,transparent);color:var(--coze-text-color, #333333);font-weight:600}.drawer-body[data-v-5c1102d1] tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--coze-bg-color, #ffffff) 95%,var(--coze-text-color, #333333))}.drawer-body[data-v-5c1102d1] tbody tr:hover{background-color:color-mix(in srgb,var(--coze-primary-color, #007bff) 6%,transparent)}.drawer-enter-active[data-v-5c1102d1],.drawer-leave-active[data-v-5c1102d1]{transition:all .3s ease}.drawer-enter-from[data-v-5c1102d1],.drawer-leave-to[data-v-5c1102d1]{opacity:0}.drawer-enter-from .drawer-content[data-v-5c1102d1],.drawer-leave-to .drawer-content[data-v-5c1102d1]{transform:scale(.9) translateY(20px)}.drawer-enter-to .drawer-content[data-v-5c1102d1],.drawer-leave-from .drawer-content[data-v-5c1102d1]{transform:scale(1) translateY(0)}.message-loading[data-v-5c1102d1]{justify-content:flex-start;align-items:center;gap:12px}.loading-animation[data-v-5c1102d1]{display:flex;gap:6px;align-items:center;padding:10px 16px;border-radius:8px;border:1px solid}.loading-dot[data-v-5c1102d1]{width:8px;height:8px;border-radius:50%;animation:loadingDot-5c1102d1 1.4s infinite ease-in-out}@keyframes loadingDot-5c1102d1{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 480px){.chat-container[data-v-5c1102d1]{bottom:0!important;right:0!important;left:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;max-width:none!important;max-height:none!important}.floating-button[data-v-5c1102d1]{bottom:16px!important;right:16px!important;width:48px!important;height:48px!important;font-size:20px!important}.message-content-wrapper[data-v-5c1102d1]{max-width:85%!important}.chat-header[data-v-5c1102d1]{padding:12px 16px!important;min-height:52px!important}.chat-title[data-v-5c1102d1]{font-size:15px!important}.chat-messages[data-v-5c1102d1]{padding:12px!important}.chat-footer[data-v-5c1102d1]{padding:10px 12px!important}}.chat-widget-wrapper[data-v-b1aaf81c]{position:relative;isolation:isolate}:root{--coze-primary-color: #007bff;--coze-bg-color: #ffffff;--coze-text-color: #333333;--coze-button-color: #007bff;--coze-border-color: #dee2e6;--coze-width: 460px;--coze-height: 85vh;--coze-border-radius: 12px;--coze-shadow: 0 4px 12px rgba(0, 0, 0, .15);--coze-z-index: 9999;--coze-action-button-size: 36px;--coze-action-button-font-size: 24px;--coze-close-button-font-size: 28px;--coze-avatar-size: 40px;--coze-avatar-font-size: 20px;--coze-user-avatar-opacity: 20%;--coze-assistant-avatar-opacity: 10%}#coze-widget-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--coze-text-color, #333333);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;background:transparent}#coze-widget-root *,#coze-widget-root *:before,#coze-widget-root *:after{box-sizing:inherit}