2 lines
7.9 KiB
CSS
2 lines
7.9 KiB
CSS
@charset "UTF-8";.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-top:1px solid var(--el-collapse-border-color);border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-icon-position-left .el-collapse-item__header{gap:8px}.el-collapse-icon-position-left .el-collapse-item__title{order:1}.el-collapse-icon-position-right .el-collapse-item__header{padding-right:8px}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{width:100%;min-height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);background-color:var(--el-collapse-header-bg-color);color:var(--el-collapse-header-text-color);cursor:pointer;border:none;border-bottom:1px solid var(--el-collapse-border-color);font-size:var(--el-collapse-header-font-size);transition:border-bottom-color var(--el-transition-duration);box-sizing:border-box;outline:none;align-items:center;padding:0;font-weight:500;display:flex}.el-collapse-item__arrow{transition:transform var(--el-transition-duration);font-weight:300}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__title{text-align:left;flex:auto}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:#0000}.el-collapse-item__wrap{will-change:height;background-color:var(--el-collapse-content-bg-color);box-sizing:border-box;border-bottom:1px solid var(--el-collapse-border-color);overflow:hidden}.el-collapse-item__content{font-size:var(--el-collapse-content-font-size);color:var(--el-collapse-content-text-color);padding-bottom:25px;line-height:1.76923}.el-collapse-item:last-child{margin-bottom:-1px}.chat-wrap[data-v-7a15a4cd]{height:calc(100vh - 80px);box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;border:1px solid #f3f4f6}.chat-header[data-v-7a15a4cd]{flex-shrink:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #f3f4f6}.chat-header .header-left[data-v-7a15a4cd]{display:flex;align-items:center;gap:12px}.chat-header .header-title[data-v-7a15a4cd]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827}.chat-header .header-title .title-text[data-v-7a15a4cd]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .header-title .mock-badge[data-v-7a15a4cd]{padding:2px 6px;font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border-radius:4px;text-transform:uppercase}.chat-header .header-btn[data-v-7a15a4cd]{width:36px;height:36px;border:none;background:transparent;border-radius:8px;font-size:18px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-header .header-btn[data-v-7a15a4cd]:hover{background:#f3f4f6;color:#111827}.chat-body[data-v-7a15a4cd]{flex:1;overflow-y:auto;padding:24px 0;scroll-behavior:smooth}.chat-body[data-v-7a15a4cd]::-webkit-scrollbar{width:6px}.chat-body[data-v-7a15a4cd]::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.chat-body[data-v-7a15a4cd]::-webkit-scrollbar-track{background:transparent}.chat-body-inner[data-v-7a15a4cd]{max-width:800px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:32px}.empty-hint[data-v-7a15a4cd]{margin-top:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280}.empty-hint .empty-logo[data-v-7a15a4cd]{width:64px;height:64px;border-radius:16px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-hint .empty-logo i[data-v-7a15a4cd]{font-size:32px;color:#9ca3af}.empty-hint h2[data-v-7a15a4cd]{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px}.empty-hint p[data-v-7a15a4cd]{margin:0;font-size:15px}.msg-row[data-v-7a15a4cd]{display:flex;gap:16px;align-items:flex-start;width:100%}.msg-row.user[data-v-7a15a4cd]{flex-direction:row-reverse}.msg-row.assistant[data-v-7a15a4cd]{flex-direction:row}.avatar[data-v-7a15a4cd]{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.avatar.assistant[data-v-7a15a4cd]{background:#111827}.bubble-wrap[data-v-7a15a4cd]{max-width:85%;min-width:0}.bubble[data-v-7a15a4cd]{font-size:15px;line-height:1.6;word-break:break-word;white-space:pre-wrap}.user-bubble[data-v-7a15a4cd]{background:#f3f4f6;color:#111827;padding:12px 20px;border-radius:20px 4px 20px 20px}.ai-bubble[data-v-7a15a4cd]{color:#111827;padding:4px 0}.ai-bubble.markdown[data-v-7a15a4cd]{white-space:normal}.ai-bubble.markdown[data-v-7a15a4cd] .markdown-view p:last-child{margin-bottom:0}.ai-bubble.markdown[data-v-7a15a4cd] pre{border-radius:8px;background:#f9fafb!important;border:1px solid #e5e7eb;margin:12px 0}.ai-bubble.markdown[data-v-7a15a4cd] code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.9em}.think-collapse[data-v-7a15a4cd]{margin-bottom:12px;max-width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;overflow:hidden}.think-collapse[data-v-7a15a4cd] .el-collapse-item__header{padding:0 16px;font-size:13px;font-weight:500;color:#6b7280;height:36px;background:transparent;border-bottom:none}.think-collapse[data-v-7a15a4cd] .el-collapse-item__wrap{border-bottom:none;background:transparent}.think-collapse .think-content[data-v-7a15a4cd]{padding:12px 16px;font-size:13px;color:#4b5563;line-height:1.6;white-space:pre-wrap;border-top:1px dashed #e5e7eb;margin-top:4px}.streaming .typing-cursor[data-v-7a15a4cd]{display:inline-block;width:4px;height:16px;background:#111827;border-radius:2px;margin-left:4px;vertical-align:middle;animation:blink-7a15a4cd 1s steps(1) infinite}@keyframes blink-7a15a4cd{0%,50%{opacity:1}51%,to{opacity:0}}.chat-input-container[data-v-7a15a4cd]{flex-shrink:0;padding:16px 20px 24px;background:linear-gradient(180deg,#fff0,#fff 20%);display:flex;flex-direction:column;align-items:center}.chat-input-inner[data-v-7a15a4cd]{width:100%;max-width:800px;display:flex;align-items:flex-end;gap:12px}.clear-btn[data-v-7a15a4cd]{flex-shrink:0;width:40px;height:40px;margin-bottom:4px;border:1px solid #e5e7eb;background:#fff;border-radius:50%;font-size:16px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 2px #0000000d}.clear-btn[data-v-7a15a4cd]:hover{background:#f9fafb;color:#ef4444;border-color:#fca5a5}.input-wrapper[data-v-7a15a4cd]{flex:1;position:relative;background:#f4f4f5;border-radius:24px;padding:8px 16px;display:flex;align-items:flex-end;transition:all .2s;border:1px solid transparent}.input-wrapper[data-v-7a15a4cd]:focus-within{background:#fff;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.input-box[data-v-7a15a4cd]{flex:1;max-height:200px;padding:4px 44px 4px 0;border:none;background:transparent;font-size:15px;line-height:1.5;color:#111827;resize:none;outline:none;font-family:inherit}.input-box[data-v-7a15a4cd]::placeholder{color:#9ca3af}.send-btn[data-v-7a15a4cd]{position:absolute;right:12px;bottom:8px;width:32px;height:32px;border:none;border-radius:50%;background:#e5e7eb;color:#fff;font-size:14px;cursor:not-allowed;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn.active[data-v-7a15a4cd]{background:#111827;cursor:pointer}.send-btn.active[data-v-7a15a4cd]:hover{background:#374151;transform:translateY(-1px)}.send-btn.active[data-v-7a15a4cd]:active{transform:translateY(1px)}.footer-hint[data-v-7a15a4cd]{margin-top:12px;font-size:12px;color:#9ca3af}
|