*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#333}.landing-page{min-height:100vh}.landing-header{background:linear-gradient(135deg,#1a237e,#0d47a1);color:#fff;text-align:center;padding:80px 20px 60px}.landing-header h1{font-size:2.5rem;margin-bottom:12px}.landing-header p{font-size:1.2rem;opacity:.9}.landing-content{max-width:1000px;margin:0 auto;padding:60px 20px}.hero h2{text-align:center;font-size:2rem;margin-bottom:12px;color:#1a237e}.hero>p{text-align:center;font-size:1.1rem;color:#666;margin-bottom:40px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card{background:#fff;border-radius:12px;padding:32px;text-align:center;box-shadow:0 2px 12px #00000014;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:3rem;display:block;margin-bottom:16px}.feature-card h3{font-size:1.2rem;margin-bottom:8px;color:#1a237e}.feature-card p{color:#666;font-size:.95rem}.chat-widget-container{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-fab{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1a237e,#0d47a1);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1a237e66;transition:all .3s ease;position:absolute;bottom:0;right:0}.chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #1a237e80}.chat-panel{position:absolute;bottom:80px;right:0;width:400px;height:560px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#1a237e,#0d47a1);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:42px;height:42px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.chat-title{font-size:1rem;font-weight:600;margin-bottom:2px}.chat-status{font-size:.8rem;opacity:.9;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:#999}.status-dot.online{background:#4caf50}.chat-header-actions{display:flex;align-items:center;gap:6px}.chat-clear-btn,.chat-close-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-clear-btn:hover,.chat-close-btn:hover{background:#ffffff4d}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f9fafb}.message-list{display:flex;flex-direction:column;gap:12px}.message-list.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.empty-chat-icon{font-size:3rem;margin-bottom:12px}.message-row{display:flex;gap:8px;max-width:85%}.message-row.customer{align-self:flex-end;flex-direction:row-reverse}.message-row.assistant{align-self:flex-start}.message-avatar{width:32px;height:32px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.message-bubble{padding:10px 14px;border-radius:16px;font-size:.9rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%}.message-bubble.assistant{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.message-bubble.customer{background:linear-gradient(135deg,#1a237e,#0d47a1);color:#fff;border-bottom-right-radius:4px}.message-content{margin-bottom:4px;min-width:0;overflow-wrap:break-word;word-break:break-word}.message-time{font-size:.7rem;opacity:.6;text-align:right}.thinking-block{border:none;border-radius:0;overflow:hidden;background:transparent;animation:thinkingFadeIn .3s ease;min-width:0;max-width:100%}@keyframes thinkingFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thinking-block.streaming,.thinking-block.complete{background:transparent}.thinking-block-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:4px 0;background:none;border:none;cursor:pointer;font-size:.8rem;color:#6b7280;transition:color .2s}.thinking-block-toggle:hover{color:#374151}.thinking-block-icon{flex-shrink:0;display:flex;align-items:center}.thinking-block-chevron{font-size:.65rem;transition:transform .2s}.thinking-block-spinner{width:12px;height:12px;border:2px solid #e0e0e0;border-top:2px solid #7c3aed;border-radius:50%;animation:spin .8s linear infinite}.thinking-block-label{font-weight:500;letter-spacing:.01em}.thinking-block-content{max-height:300px;overflow-y:auto;overflow-x:hidden;padding:4px 0 4px 20px;animation:thinkingExpand .3s ease;border-left:2px solid #e5e7eb;margin-left:5px;min-width:0}@keyframes thinkingExpand{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.thinking-block-text{font-size:.78rem;line-height:1.6;color:#6b7280;font-style:italic;white-space:pre-wrap;word-break:break-word}.thinking-block-cursor{display:inline-block;width:2px;height:14px;background:#7c3aed;margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}.answer-cursor{display:inline-block;width:2px;height:1em;background:#374151;margin-left:1px;vertical-align:text-bottom;animation:blink .6s step-end infinite}@keyframes blink{50%{opacity:0}}.thinking-steps{margin-bottom:8px;border:1px solid #e8eaf6;border-radius:8px;overflow:hidden;background:#f8f9ff;min-width:0;max-width:100%}.thinking-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:none;border:none;cursor:pointer;font-size:.75rem;color:#5c6bc0;transition:background .2s}.thinking-toggle:hover{background:#e8eaf6}.thinking-icon{font-size:.6rem;transition:transform .2s}.thinking-label{font-weight:500}.thinking-list{padding:4px 10px 8px;display:flex;flex-direction:column;gap:3px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.thinking-item{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#666;padding:2px 0}.thinking-item-icon{font-size:.7rem;flex-shrink:0}.thinking-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.thinking-item-duration{font-size:.65rem;color:#999;flex-shrink:0}.thinking-item.reasoning .thinking-item-text{color:#5c6bc0}.thinking-item.tool_call .thinking-item-text{color:#1565c0}.thinking-item.tool_result .thinking-item-text{color:#2e7d32}.thinking-item.answer .thinking-item-text{color:#6a1b9a}.typing-indicator{background:#fff;border:1px solid #e5e7eb;border-radius:16px 16px 16px 4px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;align-items:stretch;max-width:100%;min-width:0;overflow:hidden}.live-thinking{display:flex;flex-direction:column;gap:4px;width:100%}.live-step{display:flex;align-items:center;gap:6px;font-size:.78rem;padding:2px 0;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.live-step-icon{font-size:.8rem;flex-shrink:0}.live-step-text{flex:1;color:#555}.live-step-time{font-size:.68rem;color:#999;flex-shrink:0}.live-step-spinner{width:12px;height:12px;border:2px solid #e0e0e0;border-top:2px solid #5c6bc0;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.live-step.reasoning .live-step-text{color:#5c6bc0;font-weight:500}.live-step.tool_call .live-step-text{color:#1565c0}.live-step.tool_result .live-step-text{color:#2e7d32}.live-step.answer .live-step-text{color:#6a1b9a;font-weight:500}.typing-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots-row{display:flex;flex-direction:row;align-items:center;gap:4px;padding:4px 0}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.quick-reply-btn{background:#fff;border:1px solid #d1d5db;border-radius:20px;padding:8px 14px;font-size:.82rem;cursor:pointer;transition:all .2s;color:#1a237e}.quick-reply-btn:hover{background:#e8eaf6;border-color:#1a237e}.chat-input-form{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff;align-items:flex-end}.chat-input{flex:1;border:1px solid #d1d5db;border-radius:20px;padding:10px 16px;font-size:.9rem;font-family:inherit;resize:none;outline:none;max-height:100px;line-height:1.4;transition:border-color .2s}.chat-input:focus{border-color:#1a237e}.chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a237e,#0d47a1);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-send-btn:disabled{background:#d1d5db;cursor:not-allowed}.markdown-body{font-size:.9rem;line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:12px 0 6px;font-weight:600;color:#1a237e}.markdown-body h1{font-size:1.1rem}.markdown-body h2{font-size:1.05rem}.markdown-body h3{font-size:.95rem}.markdown-body p{margin:0 0 8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin:6px 0;padding-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body li>ul,.markdown-body li>ol{margin:2px 0}.markdown-body strong{font-weight:600;color:#111}.markdown-body em{font-style:italic}.markdown-body code{background:#f0f0f0;padding:1px 4px;border-radius:3px;font-size:.85em;font-family:SF Mono,Monaco,Consolas,monospace}.markdown-body pre{background:#1e1e2e;color:#cdd6f4;padding:10px 12px;border-radius:8px;overflow-x:auto;margin:8px 0;font-size:.82rem}.markdown-body pre code{background:none;padding:0;color:inherit}.markdown-body blockquote{border-left:3px solid #1a237e;margin:8px 0;padding:4px 12px;color:#555;background:#f5f5f5;border-radius:0 6px 6px 0}.markdown-body table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.82rem;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid #e0e0e0;padding:6px 8px;text-align:left}.markdown-body th{background:#e8eaf6;font-weight:600;color:#1a237e}.markdown-body tr:nth-child(2n){background:#f8f9fc}.markdown-body tr:hover{background:#eef0f7}.markdown-body a{color:#0d47a1;text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid #e0e0e0;margin:10px 0}@media(max-width:480px){.chat-panel{width:calc(100vw - 32px);height:calc(100vh - 120px);bottom:70px;right:-16px;border-radius:12px}.chat-widget-container{bottom:16px;right:16px}}