*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;color:#303133;background:#f5f7fa;font-size:14px}.chat-app{height:100%;display:flex;flex-direction:column;background:#fff}.chat-header{height:70px;flex:none;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebeef5;background:#fff}.chat-header-left{display:flex;align-items:center;gap:10px}.chat-avatar,.msg-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;flex:none}.chat-avatar{width:38px;height:38px;background:#ecf5ff;color:#409eff;border:1px solid #d9ecff}.chat-name{font-size:15px;font-weight:600}.chat-status{font-size:11px;color:#909399}.status-dot{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#67c23a}.chat-actions{display:flex;gap:6px}.chat-actions button{width:32px;height:32px;border:0;border-radius:8px;background:#f5f7fa;color:#606266;cursor:pointer}.chat-actions button:hover{background:#ecf5ff;color:#409eff}.chat-body{flex:1;min-height:0;overflow-y:auto;padding:18px 20px;background:#fafbfc}.chat-date{text-align:center;color:#909399;margin:2px 0 18px}.chat-date:before,.chat-date:after{content:'';display:inline-block;width:32px;height:1px;background:#ebeef5;vertical-align:middle;margin:0 10px}.msg{display:flex;margin-bottom:16px}.msg-user{justify-content:flex-end}.msg-avatar{width:34px;height:34px;font-size:15px}.msg-avatar-bot{margin-right:10px;background:#ecf5ff;color:#409eff;border:1px solid #d9ecff}.msg-avatar-user{margin-left:10px;background:#fef0f0;color:#f56c6c;border:1px solid #fde2e2}.msg-bubble{max-width:calc(100% - 50px)}.msg-content{padding:10px 13px;border-radius:10px;line-height:1.65;word-break:break-word}.msg-bot .msg-content{background:#fff;border:1px solid #ebeef5;border-top-left-radius:3px}.msg-user .msg-content{background:#e6f1ff;color:#1d4ed8;border-top-right-radius:3px}.msg-content p{margin:0 0 8px}.msg-content p:last-child{margin-bottom:0}.msg-content a{color:#409eff}.msg-time{font-size:11px;color:#c0c4cc;margin-top:3px}.msg-user .msg-time{text-align:right}.quick-chips,.hot-questions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.quick-chip{padding:3px 9px;border:1px solid #e9e9eb;border-radius:6px;background:#f4f4f5;color:#606266;font-size:12px;cursor:pointer}.quick-chip:hover{background:#ecf5ff;color:#409eff}.chat-footer{flex:none;padding:10px 16px 14px;border-top:1px solid #ebeef5;background:#fff}.hot-questions{margin-bottom:8px}.hot-label{color:#909399;font-size:12px}.input-wrap{display:flex;align-items:center;gap:8px;padding:6px 7px 6px 13px;border:1px solid #dcdfe6;border-radius:10px}.input-wrap:focus-within{border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.1)}.input-box{flex:1;min-height:25px;max-height:100px;overflow:auto;outline:0;line-height:1.6}.input-box:empty:before{content:attr(data-placeholder);color:#c0c4cc}.tool-tip{font-size:11px;color:#909399;white-space:nowrap}.send-btn{width:36px;height:36px;border:0;border-radius:8px;background:#409eff;color:#fff;cursor:pointer;font-size:16px}.send-btn:disabled{opacity:.5}.typing{display:flex;gap:4px;padding:5px}.typing i{width:6px;height:6px;border-radius:50%;background:#c0c4cc;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,100%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.chat-embed-mode{background:#fafbfc}.chat-embed-mode .chat-header{display:flex}@media(min-width:768px){body:not(.chat-embed-mode){padding:24px 0}.chat-app{max-width:860px;margin:auto;border:1px solid #ebeef5;border-radius:12px;overflow:hidden}}@media(max-width:480px){.chat-header{height:62px;padding:10px 12px}.chat-body{padding:14px 12px}.chat-footer{padding:9px 10px 12px}.tool-tip{display:none}.msg-content{font-size:14px}}
body.chat-embed-mode .chat-header{display:none!important}