2 lines
5.9 KiB
CSS
2 lines
5.9 KiB
CSS
|
@charset "UTF-8";.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;ve
|