rt-chat-input 1.0.1 → 1.0.2
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.
- package/dist/chat-input.es.js +91 -87
- package/dist/chat-input.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--chat-primary: #409eff;--chat-primary-light: #b3d8ff;--chat-primary-dark: #337ecc;--chat-success: #67c23a;--chat-warning: #e6a23c;--chat-danger: #f56c6c;--chat-info: #909399;--chat-bg: #ffffff;--chat-bg-secondary: #f5f7fa;--chat-bg-overlay: rgba(0, 0, 0, .5);--chat-text: #303133;--chat-text-secondary: #909399;--chat-text-placeholder: #c0c4cc;--chat-border: #dcdfe6;--chat-border-light: #e4e7ed;--chat-border-radius: 8px;--chat-border-radius-lg: 16px;--chat-shadow: 0 2px 12px rgba(0, 0, 0, .1);--chat-shadow-lg: 0 4px 20px rgba(0, 0, 0, .15);--chat-transition: .2s ease}.chat-input-dark,[data-theme=dark]{--chat-primary: #409eff;--chat-primary-light: #1d3a5c;--chat-primary-dark: #66b1ff;--chat-bg: #1e1e1e;--chat-bg-secondary: #2d2d2d;--chat-bg-overlay: rgba(0, 0, 0, .7);--chat-text: #e5e5e5;--chat-text-secondary: #a3a3a3;--chat-text-placeholder: #6b6b6b;--chat-border: #4c4c4c;--chat-border-light: #3d3d3d;--chat-shadow: 0 2px 12px rgba(0, 0, 0, .3);--chat-shadow-lg: 0 4px 20px rgba(0, 0, 0, .4)}.chat-input-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--chat-text);box-sizing:border-box}.chat-input-root *,.chat-input-root *:before,.chat-input-root *:after{box-sizing:inherit}.chat-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:var(--chat-border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--chat-transition);outline:none}.chat-btn:disabled{opacity:.5;cursor:not-allowed}.chat-btn-primary{background:var(--chat-primary);color:#fff}.chat-btn-primary:hover:not(:disabled){background:var(--chat-primary-dark)}.chat-btn-icon{width:36px;height:36px;padding:0;border-radius:50%;background:transparent;color:var(--chat-text-secondary)}.chat-btn-icon:hover:not(:disabled){background:var(--chat-bg-secondary);color:var(--chat-text)}.loading-icon[data-v-55418dfc]{animation:chat-spin-55418dfc 1s linear infinite}@keyframes chat-spin-55418dfc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-toast-container[data-v-49bed365]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:99999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.chat-toast[data-v-49bed365]{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 10px 15px -3px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.16,1,.3,1);max-width:80vw;width:max-content}.chat-toast-icon[data-v-49bed365]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-toast-success[data-v-49bed365]{background:#ecfff1e6;color:#059669;border-color:#a7f3d099}.chat-toast-success .chat-toast-icon[data-v-49bed365]{color:#10b981}.chat-toast-error[data-v-49bed365]{background:#fff1f2e6;color:#dc2626;border-color:#fecaca99}.chat-toast-error .chat-toast-icon[data-v-49bed365]{color:#ef4444}.chat-toast-warning[data-v-49bed365]{background:#fffbebe6;color:#d97706;border-color:#fde68a99}.chat-toast-warning .chat-toast-icon[data-v-49bed365]{color:#f59e0b}.chat-toast-info[data-v-49bed365]{background:#eff6ffe6;color:#2563eb;border-color:#bfdbfe99}.chat-toast-info .chat-toast-icon[data-v-49bed365]{color:#3b82f6}.chat-toast-enter-active[data-v-49bed365],.chat-toast-leave-active[data-v-49bed365]{transition:all .4s cubic-bezier(.16,1,.3,1)}.chat-toast-enter-from[data-v-49bed365],.chat-toast-leave-to[data-v-49bed365]{opacity:0;transform:translateY(-20px) scale(.9)}.chat-modal-overlay[data-v-05a68a09]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-modal-container[data-v-05a68a09]{background:var(--chat-bg, #fff);border-radius:12px;min-width:280px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #00000026}.chat-modal-header[data-v-05a68a09]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--chat-border, #eee)}.chat-modal-title[data-v-05a68a09]{margin:0;font-size:16px;font-weight:600;color:var(--chat-text, #333)}.chat-modal-close[data-v-05a68a09]{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--chat-text-secondary, #999);transition:all .2s}.chat-modal-close[data-v-05a68a09]:hover{background:var(--chat-bg-secondary, #f5f5f5);color:var(--chat-text, #333)}.chat-modal-body[data-v-05a68a09]{padding:20px;font-size:14px;color:var(--chat-text, #333);line-height:1.6}.chat-modal-footer[data-v-05a68a09]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--chat-border, #eee)}.chat-modal-btn[data-v-05a68a09]{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.chat-modal-btn-default[data-v-05a68a09]{background:var(--chat-bg-secondary, #f5f5f5);color:var(--chat-text, #333)}.chat-modal-btn-default[data-v-05a68a09]:hover{background:#e0e0e0}.chat-modal-btn-primary[data-v-05a68a09]{background:var(--chat-primary, #409eff);color:#fff}.chat-modal-btn-primary[data-v-05a68a09]:hover{background:#66b1ff}.chat-modal-enter-active[data-v-05a68a09],.chat-modal-leave-active[data-v-05a68a09]{transition:all .3s ease}.chat-modal-enter-from[data-v-05a68a09],.chat-modal-leave-to[data-v-05a68a09]{opacity:0}.chat-modal-enter-from .chat-modal-container[data-v-05a68a09],.chat-modal-leave-to .chat-modal-container[data-v-05a68a09]{transform:scale(.9)}.voice-recorder[data-v-3d707d2b]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;font-family:PingFang SC,PingFangSC,sans-serif}.voice-btn[data-v-3d707d2b]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .3s;flex-shrink:0}.voice-btn.pressing[data-v-3d707d2b]{background:#3b82f61a}.voice-btn.cancelling[data-v-3d707d2b]{background:#ef44441a;color:#dc2626}.voice-btn.block-mode[data-v-3d707d2b]{width:100%;height:40px;min-width:auto;min-height:40px;border-radius:0;border:none;background:transparent;color:#64748b;font-weight:500;gap:10px;padding:0 18px;transition:all .2s ease;box-shadow:none;justify-content:center}.voice-btn.block-mode[data-v-3d707d2b]:hover:not(.disabled){background:transparent;transform:none}.voice-btn.block-mode[data-v-3d707d2b]:active:not(.disabled){background:transparent;transform:none}.voice-btn.block-mode.recording[data-v-3d707d2b]{background:#446ef51f;color:#446ef5;border-color:#446ef54d;animation:recording-pulse-3d707d2b 2s ease-in-out infinite;position:relative}.voice-btn.block-mode.recording[data-v-3d707d2b]:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;border:2px solid rgba(68,110,245,.3);animation:recording-ring-3d707d2b 2s ease-in-out infinite;pointer-events:none}.voice-btn.block-mode.cancelling[data-v-3d707d2b]{background:#ef44441f;color:#dc2626;border-color:#ef44444d;animation:recording-pulse-red-3d707d2b 2s ease-in-out infinite;position:relative}.voice-btn.block-mode.cancelling[data-v-3d707d2b]:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;border:2px solid rgba(239,68,68,.3);animation:recording-ring-red-3d707d2b 2s ease-in-out infinite;pointer-events:none}@keyframes recording-pulse-3d707d2b{0%,to{background:#446ef51f;border-color:#446ef54d}50%{background:#446ef52e;border-color:#446ef580}}@keyframes recording-ring-3d707d2b{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}@keyframes recording-pulse-red-3d707d2b{0%,to{background:#ef44441f;border-color:#ef44444d}50%{background:#ef44442e;border-color:#ef444480}}@keyframes recording-ring-red-3d707d2b{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.voice-btn[data-v-3d707d2b]:not(.disabled):hover{background:transparent;color:#3b82f6;transform:scale(1.1)}.voice-btn.disabled[data-v-3d707d2b]{cursor:not-allowed;opacity:.5}.voice-btn.recording[data-v-3d707d2b]{color:#ef4444}.voice-btn .btn-text[data-v-3d707d2b]{font-size:13px;font-weight:600;color:inherit}.voice-btn.block-mode .btn-text[data-v-3d707d2b]{font-size:15px;letter-spacing:.3px}.mobile-voice-overlay[data-v-3d707d2b]{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:9999;display:flex;flex-direction:column;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.overlay-content[data-v-3d707d2b]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0;position:relative;background:linear-gradient(180deg,#fff0,#ffffffe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.voice-text-bubble[data-v-3d707d2b]{margin-top:25vh;position:relative;width:90%;max-width:340px;margin-left:auto;margin-right:auto;animation:slide-in-down-3d707d2b .3s cubic-bezier(.2,.9,.3,1)}.bubble-content[data-v-3d707d2b]{background:#fff;border-radius:20px;padding:24px;min-height:80px;max-height:360px;box-shadow:0 4px 16px #0000000d;display:flex;align-items:center;justify-content:flex-start;text-align:left;position:relative;z-index:10}.realtime-text[data-v-3d707d2b]{font-size:18px;color:#1f2937;line-height:1.6;font-weight:500;word-break:break-all;overflow:hidden;display:-webkit-box}.placeholder-text[data-v-3d707d2b]{font-size:17px;color:#9ca3af;line-height:1.6}.bubble-arrow[data-v-3d707d2b]{position:absolute;bottom:-8px;right:40px;left:auto;transform:none;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ffffff;z-index:9}.voice-controls-area[data-v-3d707d2b]{width:100%;position:relative;padding-bottom:env(safe-area-inset-bottom,20px);min-height:300px;overflow:hidden}.edit-hint-arc[data-v-3d707d2b]{position:absolute;right:0;bottom:calc(170px + env(safe-area-inset-bottom,0px));width:135px;height:50px;z-index:32;pointer-events:none;transform:scale(.8)}.hint-img[data-v-3d707d2b]{width:100%;height:100%;object-fit:contain}.control-img[data-v-3d707d2b]{width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity .2s ease}.control-shape[data-v-3d707d2b]{position:absolute;z-index:21;pointer-events:none;transition:all .2s ease}.control-shape.left-cancel[data-v-3d707d2b]{left:0;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:178px;height:93px;overflow:visible;z-index:30}.bottom-gradient-bg[data-v-3d707d2b]{position:absolute;left:0;right:0;bottom:calc(-280px + env(safe-area-inset-bottom,20px));height:300px;z-index:20;pointer-events:none;display:flex;justify-content:center;align-items:flex-end;transform:scale(1.8)}.gradient-img[data-v-3d707d2b]{width:100%;height:100%;object-fit:cover;object-position:bottom center;opacity:1}.control-shape.left-cancel.active[data-v-3d707d2b]{transform:scale(1.03)}.control-shape.right-edit[data-v-3d707d2b]{right:0;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:178px;height:93px;overflow:visible;z-index:30}.control-shape.right-edit.active[data-v-3d707d2b]{transform:scale(1.03)}.control-center[data-v-3d707d2b]{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 30px);z-index:22}.status-text[data-v-3d707d2b]{font-size:13px;color:#94a3b8;margin-bottom:16px;font-weight:400}.bottom-wave[data-v-3d707d2b]{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:40px;padding:0 20px}.wave-bar[data-v-3d707d2b]{width:3px;min-height:8px;background:#446ef5;border-radius:2px;transition:height .05s ease-out}@keyframes slide-in-down-3d707d2b{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.pulse-icon[data-v-3d707d2b]{animation:pulse-recording-3d707d2b 1.2s ease-in-out infinite;color:#ef4444}.voice-btn.block-mode.recording .pulse-icon[data-v-3d707d2b]{animation:pulse-recording-blue-3d707d2b 1.2s ease-in-out infinite;color:#2563eb}.voice-btn.block-mode.cancelling .pulse-icon[data-v-3d707d2b]{animation:pulse-recording-red-3d707d2b 1.2s ease-in-out infinite;color:#dc2626}.rotating[data-v-3d707d2b]{animation:rotate-3d707d2b 1s linear infinite}@keyframes pulse-recording-3d707d2b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-recording-blue-3d707d2b{0%,to{opacity:1;transform:scale(1);color:#446ef5}50%{opacity:.8;transform:scale(1.15);color:#446ef5}}@keyframes pulse-recording-red-3d707d2b{0%,to{opacity:1;transform:scale(1);color:#dc2626}50%{opacity:.8;transform:scale(1.15);color:#ef4444}}@keyframes rotate-3d707d2b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark{color:#9ca3af}.dark{color:#60a5fa}.dark{border:none;background:transparent;color:#94a3b8;box-shadow:none}.dark{background:#ffffff0d}.dark{background:#ffffff14}.dark{background:#3b82f626;color:#60a5fa}.dark{background:#ef444426;color:#f87171}@media(max-width:768px){.voice-btn[data-v-3d707d2b]{width:50px;height:50px;min-width:50px}.btn-text[data-v-3d707d2b]{font-size:9px}.voice-btn.block-mode[data-v-3d707d2b]{height:40px;min-height:40px;padding:0 20px;border-radius:20px}.voice-btn.block-mode .btn-text[data-v-3d707d2b]{font-size:16px;letter-spacing:.4px}}@media(max-width:360px){.voice-btn[data-v-3d707d2b]{width:45px;height:45px;min-width:45px}.btn-text[data-v-3d707d2b]{font-size:8px}.voice-btn.block-mode[data-v-3d707d2b]{height:40px}.voice-btn.block-mode .btn-text[data-v-3d707d2b]{font-size:13px}.control-shape.left-cancel[data-v-3d707d2b],.control-shape.right-edit[data-v-3d707d2b]{width:140px;height:73px}}@media(max-width:375px){.control-shape.left-cancel[data-v-3d707d2b],.control-shape.right-edit[data-v-3d707d2b]{width:150px;height:78px}}.dark{background:#1e293be6;border-color:#4b5563cc;color:#e5e7eb}.dark{background:#1e40af73;border-color:#3b82f6b3}.dark{background:#b91c1c73;border-color:#f87171e6;color:#fecaca}.mini-wave-indicator[data-v-3d707d2b]{display:flex;align-items:center;gap:3px;margin-left:8px}.mini-wave-bar[data-v-3d707d2b]{width:3px;min-height:4px;background:linear-gradient(to top,#446ef5,#8badff);border-radius:2px;transition:height .1s ease}.voice-btn.block-mode.cancelling .mini-wave-bar[data-v-3d707d2b]{background:linear-gradient(to top,#f87171,#fca5a5)}.chat-input-fixed-container[data-v-17a27be7]{position:fixed;left:0;right:0;width:auto;padding:0 16px;z-index:1001;pointer-events:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.chat-input-fixed-container .chat-input-root[data-v-17a27be7]{pointer-events:auto;width:100%;max-width:800px}.chat-input-root[data-v-17a27be7]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;color:var(--chat-text)}.input-wrapper[data-v-17a27be7]{display:flex;flex-direction:column;gap:12px}.file-preview-area[data-v-17a27be7]{background:var(--chat-bg);border:1px solid var(--chat-border-light);border-radius:var(--chat-border-radius-lg);padding:12px;box-shadow:var(--chat-shadow)}.preview-header[data-v-17a27be7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-info[data-v-17a27be7]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.icon-sm[data-v-17a27be7]{width:16px;height:16px;color:var(--chat-primary)}.clear-btn[data-v-17a27be7]{font-size:12px;color:var(--chat-danger);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-btn[data-v-17a27be7]:hover{background:#f56c6c1a}.preview-list[data-v-17a27be7]{display:flex;flex-wrap:wrap;gap:8px}.preview-item[data-v-17a27be7]{position:relative;width:80px;height:80px}.preview-thumb[data-v-17a27be7]{width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--chat-border-light)}.preview-thumb img[data-v-17a27be7]{width:100%;height:100%;object-fit:cover}.preview-file[data-v-17a27be7]{width:100%;height:100%;border-radius:8px;background:var(--chat-bg-secondary);border:1px solid var(--chat-border-light);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.file-icon[data-v-17a27be7]{font-size:10px;font-weight:700;color:var(--chat-text-secondary);background:#fff;padding:2px 4px;border-radius:4px;margin-bottom:4px}.file-name[data-v-17a27be7]{font-size:10px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--chat-text-secondary)}.remove-btn[data-v-17a27be7]{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--chat-danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:transform .2s}.remove-btn[data-v-17a27be7]:hover{transform:scale(1.1)}.input-bar[data-v-17a27be7]{position:relative;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #1f268714;border-radius:24px;padding:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-bar.recording-active[data-v-17a27be7]{background:#dcfce7e6;border-color:#4ade80;box-shadow:0 0 0 4px #4ade8033;transform:scale(1.02)}[data-v-17a27be7] .chat-input-dark .input-bar,.dark{background:#1e293bd9;border-color:#ffffff1a;box-shadow:0 10px 40px -10px #0009}[data-v-17a27be7] .chat-input-dark .input-bar.recording-active,.dark{background:#064e3bd9;border-color:#059669;box-shadow:0 0 0 4px #10b98133}.input-bar.focused[data-v-17a27be7]{background:#fff;transform:translateY(-5px);box-shadow:0 12px 40px -5px #2563eb33;border-color:#2563eb4d}[data-v-17a27be7] .chat-input-dark .input-bar.focused,.dark{background:#1e293b;border-color:#3b82f680;box-shadow:0 12px 40px -5px #3b82f633}.text-mode-container[data-v-17a27be7],.voice-mode-container[data-v-17a27be7]{display:flex;align-items:center;gap:8px;width:100%}.tool-btn[data-v-17a27be7]{border-radius:50%;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;width:32px;height:32px}.tool-btn[data-v-17a27be7]:hover{background:#f1f5f9;color:#334155}[data-v-17a27be7] .chat-input-dark .tool-btn,.dark{color:#94a3b8}[data-v-17a27be7] .chat-input-dark .tool-btn:hover,.dark{background:#334155;color:#e2e8f0}.attachment-btn[data-v-17a27be7]{position:relative;overflow:hidden;width:28px!important;height:40px!important;border-radius:20px}.hidden-input[data-v-17a27be7]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.keyboard-btn[data-v-17a27be7]{width:40px!important;height:40px!important}.textarea-container[data-v-17a27be7]{flex:1;min-width:0;display:flex;align-items:center;position:relative;height:100%}.chat-textarea[data-v-17a27be7]{width:100%;max-height:128px;padding:10px;border:none;background:transparent;resize:none;outline:none;font-size:15px;line-height:20px;color:#1e293b;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-v-17a27be7] .chat-input-dark .chat-textarea,.dark{color:#e2e8f0}.chat-textarea[data-v-17a27be7]::placeholder{color:#94a3b8}.chat-textarea.input-empty[data-v-17a27be7]{-webkit-touch-callout:none}.chat-textarea.recording-active[data-v-17a27be7]{-webkit-user-select:none;user-select:none;pointer-events:none;caret-color:transparent}.send-btn[data-v-17a27be7]{width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;opacity:.5;box-shadow:none}.send-btn.active[data-v-17a27be7]{opacity:1;box-shadow:0 4px 12px #3b82f64d}.send-btn.active[data-v-17a27be7]:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f666}.send-btn.is-stop[data-v-17a27be7]{background:linear-gradient(135deg,#ef4444,#ec4899);box-shadow:0 4px 12px #ef44444d;opacity:1}.send-btn.is-stop[data-v-17a27be7]:hover{box-shadow:0 6px 16px #ef444466}.voice-block-wrapper[data-v-17a27be7]{flex:1;min-width:0;display:flex;justify-content:center}
|
|
1
|
+
:root{--chat-primary: #409eff;--chat-primary-light: #b3d8ff;--chat-primary-dark: #337ecc;--chat-success: #67c23a;--chat-warning: #e6a23c;--chat-danger: #f56c6c;--chat-info: #909399;--chat-bg: #ffffff;--chat-bg-secondary: #f5f7fa;--chat-bg-overlay: rgba(0, 0, 0, .5);--chat-text: #303133;--chat-text-secondary: #909399;--chat-text-placeholder: #c0c4cc;--chat-border: #dcdfe6;--chat-border-light: #e4e7ed;--chat-border-radius: 8px;--chat-border-radius-lg: 16px;--chat-shadow: 0 2px 12px rgba(0, 0, 0, .1);--chat-shadow-lg: 0 4px 20px rgba(0, 0, 0, .15);--chat-transition: .2s ease}.chat-input-dark,[data-theme=dark]{--chat-primary: #409eff;--chat-primary-light: #1d3a5c;--chat-primary-dark: #66b1ff;--chat-bg: #1e1e1e;--chat-bg-secondary: #2d2d2d;--chat-bg-overlay: rgba(0, 0, 0, .7);--chat-text: #e5e5e5;--chat-text-secondary: #a3a3a3;--chat-text-placeholder: #6b6b6b;--chat-border: #4c4c4c;--chat-border-light: #3d3d3d;--chat-shadow: 0 2px 12px rgba(0, 0, 0, .3);--chat-shadow-lg: 0 4px 20px rgba(0, 0, 0, .4)}.chat-input-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--chat-text);box-sizing:border-box}.chat-input-root *,.chat-input-root *:before,.chat-input-root *:after{box-sizing:inherit}.chat-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:var(--chat-border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--chat-transition);outline:none}.chat-btn:disabled{opacity:.5;cursor:not-allowed}.chat-btn-primary{background:var(--chat-primary);color:#fff}.chat-btn-primary:hover:not(:disabled){background:var(--chat-primary-dark)}.chat-btn-icon{width:36px;height:36px;padding:0;border-radius:50%;background:transparent;color:var(--chat-text-secondary)}.chat-btn-icon:hover:not(:disabled){background:var(--chat-bg-secondary);color:var(--chat-text)}.loading-icon[data-v-55418dfc]{animation:chat-spin-55418dfc 1s linear infinite}@keyframes chat-spin-55418dfc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-toast-container[data-v-49bed365]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:99999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.chat-toast[data-v-49bed365]{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 10px 15px -3px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.16,1,.3,1);max-width:80vw;width:max-content}.chat-toast-icon[data-v-49bed365]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-toast-success[data-v-49bed365]{background:#ecfff1e6;color:#059669;border-color:#a7f3d099}.chat-toast-success .chat-toast-icon[data-v-49bed365]{color:#10b981}.chat-toast-error[data-v-49bed365]{background:#fff1f2e6;color:#dc2626;border-color:#fecaca99}.chat-toast-error .chat-toast-icon[data-v-49bed365]{color:#ef4444}.chat-toast-warning[data-v-49bed365]{background:#fffbebe6;color:#d97706;border-color:#fde68a99}.chat-toast-warning .chat-toast-icon[data-v-49bed365]{color:#f59e0b}.chat-toast-info[data-v-49bed365]{background:#eff6ffe6;color:#2563eb;border-color:#bfdbfe99}.chat-toast-info .chat-toast-icon[data-v-49bed365]{color:#3b82f6}.chat-toast-enter-active[data-v-49bed365],.chat-toast-leave-active[data-v-49bed365]{transition:all .4s cubic-bezier(.16,1,.3,1)}.chat-toast-enter-from[data-v-49bed365],.chat-toast-leave-to[data-v-49bed365]{opacity:0;transform:translateY(-20px) scale(.9)}.chat-modal-overlay[data-v-05a68a09]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-modal-container[data-v-05a68a09]{background:var(--chat-bg, #fff);border-radius:12px;min-width:280px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #00000026}.chat-modal-header[data-v-05a68a09]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--chat-border, #eee)}.chat-modal-title[data-v-05a68a09]{margin:0;font-size:16px;font-weight:600;color:var(--chat-text, #333)}.chat-modal-close[data-v-05a68a09]{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--chat-text-secondary, #999);transition:all .2s}.chat-modal-close[data-v-05a68a09]:hover{background:var(--chat-bg-secondary, #f5f5f5);color:var(--chat-text, #333)}.chat-modal-body[data-v-05a68a09]{padding:20px;font-size:14px;color:var(--chat-text, #333);line-height:1.6}.chat-modal-footer[data-v-05a68a09]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--chat-border, #eee)}.chat-modal-btn[data-v-05a68a09]{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.chat-modal-btn-default[data-v-05a68a09]{background:var(--chat-bg-secondary, #f5f5f5);color:var(--chat-text, #333)}.chat-modal-btn-default[data-v-05a68a09]:hover{background:#e0e0e0}.chat-modal-btn-primary[data-v-05a68a09]{background:var(--chat-primary, #409eff);color:#fff}.chat-modal-btn-primary[data-v-05a68a09]:hover{background:#66b1ff}.chat-modal-enter-active[data-v-05a68a09],.chat-modal-leave-active[data-v-05a68a09]{transition:all .3s ease}.chat-modal-enter-from[data-v-05a68a09],.chat-modal-leave-to[data-v-05a68a09]{opacity:0}.chat-modal-enter-from .chat-modal-container[data-v-05a68a09],.chat-modal-leave-to .chat-modal-container[data-v-05a68a09]{transform:scale(.9)}.voice-recorder[data-v-3d707d2b]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;font-family:PingFang SC,PingFangSC,sans-serif}.voice-btn[data-v-3d707d2b]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .3s;flex-shrink:0}.voice-btn.pressing[data-v-3d707d2b]{background:#3b82f61a}.voice-btn.cancelling[data-v-3d707d2b]{background:#ef44441a;color:#dc2626}.voice-btn.block-mode[data-v-3d707d2b]{width:100%;height:40px;min-width:auto;min-height:40px;border-radius:0;border:none;background:transparent;color:#64748b;font-weight:500;gap:10px;padding:0 18px;transition:all .2s ease;box-shadow:none;justify-content:center}.voice-btn.block-mode[data-v-3d707d2b]:hover:not(.disabled){background:transparent;transform:none}.voice-btn.block-mode[data-v-3d707d2b]:active:not(.disabled){background:transparent;transform:none}.voice-btn.block-mode.recording[data-v-3d707d2b]{background:#446ef51f;color:#446ef5;border-color:#446ef54d;animation:recording-pulse-3d707d2b 2s ease-in-out infinite;position:relative}.voice-btn.block-mode.recording[data-v-3d707d2b]:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;border:2px solid rgba(68,110,245,.3);animation:recording-ring-3d707d2b 2s ease-in-out infinite;pointer-events:none}.voice-btn.block-mode.cancelling[data-v-3d707d2b]{background:#ef44441f;color:#dc2626;border-color:#ef44444d;animation:recording-pulse-red-3d707d2b 2s ease-in-out infinite;position:relative}.voice-btn.block-mode.cancelling[data-v-3d707d2b]:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;border:2px solid rgba(239,68,68,.3);animation:recording-ring-red-3d707d2b 2s ease-in-out infinite;pointer-events:none}@keyframes recording-pulse-3d707d2b{0%,to{background:#446ef51f;border-color:#446ef54d}50%{background:#446ef52e;border-color:#446ef580}}@keyframes recording-ring-3d707d2b{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}@keyframes recording-pulse-red-3d707d2b{0%,to{background:#ef44441f;border-color:#ef44444d}50%{background:#ef44442e;border-color:#ef444480}}@keyframes recording-ring-red-3d707d2b{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.voice-btn[data-v-3d707d2b]:not(.disabled):hover{background:transparent;color:#3b82f6;transform:scale(1.1)}.voice-btn.disabled[data-v-3d707d2b]{cursor:not-allowed;opacity:.5}.voice-btn.recording[data-v-3d707d2b]{color:#ef4444}.voice-btn .btn-text[data-v-3d707d2b]{font-size:13px;font-weight:600;color:inherit}.voice-btn.block-mode .btn-text[data-v-3d707d2b]{font-size:15px;letter-spacing:.3px}.mobile-voice-overlay[data-v-3d707d2b]{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:9999;display:flex;flex-direction:column;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.overlay-content[data-v-3d707d2b]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0;position:relative;background:linear-gradient(180deg,#fff0,#ffffffe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.voice-text-bubble[data-v-3d707d2b]{margin-top:25vh;position:relative;width:90%;max-width:340px;margin-left:auto;margin-right:auto;animation:slide-in-down-3d707d2b .3s cubic-bezier(.2,.9,.3,1)}.bubble-content[data-v-3d707d2b]{background:#fff;border-radius:20px;padding:24px;min-height:80px;max-height:360px;box-shadow:0 4px 16px #0000000d;display:flex;align-items:center;justify-content:flex-start;text-align:left;position:relative;z-index:10}.realtime-text[data-v-3d707d2b]{font-size:18px;color:#1f2937;line-height:1.6;font-weight:500;word-break:break-all;overflow:hidden;display:-webkit-box}.placeholder-text[data-v-3d707d2b]{font-size:17px;color:#9ca3af;line-height:1.6}.bubble-arrow[data-v-3d707d2b]{position:absolute;bottom:-8px;right:40px;left:auto;transform:none;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ffffff;z-index:9}.voice-controls-area[data-v-3d707d2b]{width:100%;position:relative;padding-bottom:env(safe-area-inset-bottom,20px);min-height:300px;overflow:hidden}.edit-hint-arc[data-v-3d707d2b]{position:absolute;right:0;bottom:calc(170px + env(safe-area-inset-bottom,0px));width:135px;height:50px;z-index:32;pointer-events:none;transform:scale(.8)}.hint-img[data-v-3d707d2b]{width:100%;height:100%;object-fit:contain}.control-img[data-v-3d707d2b]{width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity .2s ease}.control-shape[data-v-3d707d2b]{position:absolute;z-index:21;pointer-events:none;transition:all .2s ease}.control-shape.left-cancel[data-v-3d707d2b]{left:0;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:178px;height:93px;overflow:visible;z-index:30}.bottom-gradient-bg[data-v-3d707d2b]{position:absolute;left:0;right:0;bottom:calc(-280px + env(safe-area-inset-bottom,20px));height:300px;z-index:20;pointer-events:none;display:flex;justify-content:center;align-items:flex-end;transform:scale(1.8)}.gradient-img[data-v-3d707d2b]{width:100%;height:100%;object-fit:cover;object-position:bottom center;opacity:1}.control-shape.left-cancel.active[data-v-3d707d2b]{transform:scale(1.03)}.control-shape.right-edit[data-v-3d707d2b]{right:0;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:178px;height:93px;overflow:visible;z-index:30}.control-shape.right-edit.active[data-v-3d707d2b]{transform:scale(1.03)}.control-center[data-v-3d707d2b]{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 30px);z-index:22}.status-text[data-v-3d707d2b]{font-size:13px;color:#94a3b8;margin-bottom:16px;font-weight:400}.bottom-wave[data-v-3d707d2b]{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:40px;padding:0 20px}.wave-bar[data-v-3d707d2b]{width:3px;min-height:8px;background:#446ef5;border-radius:2px;transition:height .05s ease-out}@keyframes slide-in-down-3d707d2b{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.pulse-icon[data-v-3d707d2b]{animation:pulse-recording-3d707d2b 1.2s ease-in-out infinite;color:#ef4444}.voice-btn.block-mode.recording .pulse-icon[data-v-3d707d2b]{animation:pulse-recording-blue-3d707d2b 1.2s ease-in-out infinite;color:#2563eb}.voice-btn.block-mode.cancelling .pulse-icon[data-v-3d707d2b]{animation:pulse-recording-red-3d707d2b 1.2s ease-in-out infinite;color:#dc2626}.rotating[data-v-3d707d2b]{animation:rotate-3d707d2b 1s linear infinite}@keyframes pulse-recording-3d707d2b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-recording-blue-3d707d2b{0%,to{opacity:1;transform:scale(1);color:#446ef5}50%{opacity:.8;transform:scale(1.15);color:#446ef5}}@keyframes pulse-recording-red-3d707d2b{0%,to{opacity:1;transform:scale(1);color:#dc2626}50%{opacity:.8;transform:scale(1.15);color:#ef4444}}@keyframes rotate-3d707d2b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark{color:#9ca3af}.dark{color:#60a5fa}.dark{border:none;background:transparent;color:#94a3b8;box-shadow:none}.dark{background:#ffffff0d}.dark{background:#ffffff14}.dark{background:#3b82f626;color:#60a5fa}.dark{background:#ef444426;color:#f87171}@media(max-width:768px){.voice-btn[data-v-3d707d2b]{width:50px;height:50px;min-width:50px}.btn-text[data-v-3d707d2b]{font-size:9px}.voice-btn.block-mode[data-v-3d707d2b]{height:40px;min-height:40px;padding:0 20px;border-radius:20px}.voice-btn.block-mode .btn-text[data-v-3d707d2b]{font-size:16px;letter-spacing:.4px}}@media(max-width:360px){.voice-btn[data-v-3d707d2b]{width:45px;height:45px;min-width:45px}.btn-text[data-v-3d707d2b]{font-size:8px}.voice-btn.block-mode[data-v-3d707d2b]{height:40px}.voice-btn.block-mode .btn-text[data-v-3d707d2b]{font-size:13px}.control-shape.left-cancel[data-v-3d707d2b],.control-shape.right-edit[data-v-3d707d2b]{width:140px;height:73px}}@media(max-width:375px){.control-shape.left-cancel[data-v-3d707d2b],.control-shape.right-edit[data-v-3d707d2b]{width:150px;height:78px}}.dark{background:#1e293be6;border-color:#4b5563cc;color:#e5e7eb}.dark{background:#1e40af73;border-color:#3b82f6b3}.dark{background:#b91c1c73;border-color:#f87171e6;color:#fecaca}.mini-wave-indicator[data-v-3d707d2b]{display:flex;align-items:center;gap:3px;margin-left:8px}.mini-wave-bar[data-v-3d707d2b]{width:3px;min-height:4px;background:linear-gradient(to top,#446ef5,#8badff);border-radius:2px;transition:height .1s ease}.voice-btn.block-mode.cancelling .mini-wave-bar[data-v-3d707d2b]{background:linear-gradient(to top,#f87171,#fca5a5)}.chat-input-fixed-container[data-v-c0bb5aa6]{position:fixed;left:0;right:0;width:auto;padding:12px 16px 0;z-index:50;pointer-events:auto;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:var(--chat-page-bg, #f8fafc)}.chat-input-fixed-container.chat-input-dark[data-v-c0bb5aa6],.dark{background:var(--chat-page-bg-dark, #0f172a)}.chat-input-fixed-container .chat-input-root[data-v-c0bb5aa6]{pointer-events:auto;width:100%;max-width:800px}.chat-input-root[data-v-c0bb5aa6]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;color:var(--chat-text)}.input-wrapper[data-v-c0bb5aa6]{display:flex;flex-direction:column;gap:12px}.file-preview-area[data-v-c0bb5aa6]{background:var(--chat-bg);border:1px solid var(--chat-border-light);border-radius:var(--chat-border-radius-lg);padding:12px;box-shadow:var(--chat-shadow)}.preview-header[data-v-c0bb5aa6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-info[data-v-c0bb5aa6]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.icon-sm[data-v-c0bb5aa6]{width:16px;height:16px;color:var(--chat-primary)}.clear-btn[data-v-c0bb5aa6]{font-size:12px;color:var(--chat-danger);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-btn[data-v-c0bb5aa6]:hover{background:#f56c6c1a}.preview-list[data-v-c0bb5aa6]{display:flex;flex-wrap:wrap;gap:8px}.preview-item[data-v-c0bb5aa6]{position:relative;width:80px;height:80px}.preview-thumb[data-v-c0bb5aa6]{width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--chat-border-light)}.preview-thumb img[data-v-c0bb5aa6]{width:100%;height:100%;object-fit:cover}.preview-file[data-v-c0bb5aa6]{width:100%;height:100%;border-radius:8px;background:var(--chat-bg-secondary);border:1px solid var(--chat-border-light);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.file-icon[data-v-c0bb5aa6]{font-size:10px;font-weight:700;color:var(--chat-text-secondary);background:#fff;padding:2px 4px;border-radius:4px;margin-bottom:4px}.file-name[data-v-c0bb5aa6]{font-size:10px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--chat-text-secondary)}.remove-btn[data-v-c0bb5aa6]{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--chat-danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:transform .2s}.remove-btn[data-v-c0bb5aa6]:hover{transform:scale(1.1)}.input-bar[data-v-c0bb5aa6]{position:relative;background:var(--chat-bg, #ffffff);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #1f268714;border-radius:24px;padding:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-bar.recording-active[data-v-c0bb5aa6]{background:#dcfce7e6;border-color:#4ade80;box-shadow:0 0 0 4px #4ade8033;transform:scale(1.02)}.chat-input-dark .input-bar[data-v-c0bb5aa6],.dark{background:var(--chat-bg-dark, #1e293b);border-color:#ffffff1a;box-shadow:0 10px 40px -10px #0009}[data-v-c0bb5aa6] .chat-input-dark .input-bar.recording-active,.dark{background:#064e3bd9;border-color:#059669;box-shadow:0 0 0 4px #10b98133}.input-bar.focused[data-v-c0bb5aa6]{background:#fff;transform:translateY(-5px);box-shadow:0 12px 40px -5px #2563eb33;border-color:#2563eb4d}[data-v-c0bb5aa6] .chat-input-dark .input-bar.focused,.dark{background:#1e293b;border-color:#3b82f680;box-shadow:0 12px 40px -5px #3b82f633}.text-mode-container[data-v-c0bb5aa6],.voice-mode-container[data-v-c0bb5aa6]{display:flex;align-items:center;gap:8px;width:100%}.tool-btn[data-v-c0bb5aa6]{border-radius:50%;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;width:32px;height:32px}.tool-btn[data-v-c0bb5aa6]:hover{background:#f1f5f9;color:#334155}[data-v-c0bb5aa6] .chat-input-dark .tool-btn,.dark{color:#94a3b8}[data-v-c0bb5aa6] .chat-input-dark .tool-btn:hover,.dark{background:#334155;color:#e2e8f0}.attachment-btn[data-v-c0bb5aa6]{position:relative;overflow:hidden;width:28px!important;height:40px!important;border-radius:20px}.hidden-input[data-v-c0bb5aa6]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.keyboard-btn[data-v-c0bb5aa6]{width:40px!important;height:40px!important}.textarea-container[data-v-c0bb5aa6]{flex:1;min-width:0;display:flex;align-items:center;position:relative;height:100%}.chat-textarea[data-v-c0bb5aa6]{width:100%;max-height:128px;padding:10px;border:none;background:transparent;resize:none;outline:none;font-size:15px;line-height:20px;color:#1e293b;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-v-c0bb5aa6] .chat-input-dark .chat-textarea,.dark{color:#e2e8f0}.chat-textarea[data-v-c0bb5aa6]::placeholder{color:#94a3b8}.chat-textarea.input-empty[data-v-c0bb5aa6]{-webkit-touch-callout:none}.chat-textarea.recording-active[data-v-c0bb5aa6]{-webkit-user-select:none;user-select:none;pointer-events:none;caret-color:transparent}.send-btn[data-v-c0bb5aa6]{width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;opacity:.5;box-shadow:none}.send-btn.active[data-v-c0bb5aa6]{opacity:1;box-shadow:0 4px 12px #3b82f64d}.send-btn.active[data-v-c0bb5aa6]:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f666}.send-btn.is-stop[data-v-c0bb5aa6]{background:linear-gradient(135deg,#ef4444,#ec4899);box-shadow:0 4px 12px #ef44444d;opacity:1}.send-btn.is-stop[data-v-c0bb5aa6]:hover{box-shadow:0 6px 16px #ef444466}.voice-block-wrapper[data-v-c0bb5aa6]{flex:1;min-width:0;display:flex;justify-content:center}
|