:root{--bg-gradient-start: #8b1538;--bg-gradient-mid: #6b1028;--bg-gradient-end: #4a0a1c;--accent-lime: #d4ff00;--accent-lime-dim: #a8cc00;--card-bg: rgba(35, 30, 32, .95);--card-bg-hover: rgba(45, 40, 42, .98);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .08);--shadow-glow: rgba(212, 255, 0, .15);--user-bubble: linear-gradient(135deg, #d4ff00 0%, #a8cc00 100%);--bot-bubble: rgba(55, 50, 52, .9)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}body{background:var(--card-bg);min-height:100vh;padding:0}.chatbot-container{width:100%;max-width:100%;height:100vh;max-height:none;min-height:100vh;background:var(--card-bg);border-radius:0;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.bot-avatar{width:48px;height:48px;background:var(--user-bubble);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--shadow-glow)}.bot-avatar svg{width:38px;height:38px;fill:var(--bg-gradient-end)}.chat-messages-wrapper{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-messages-wrapper.has-quick-replies .chat-messages{padding-bottom:150px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.message{display:flex;gap:12px;max-width:85%;animation:messageIn .35s cubic-bezier(.22,1,.36,1)}@keyframes messageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.message.bot .message-avatar{background:var(--accent-lime)}.message.user .message-avatar{background:#ffffff1a}.message-avatar svg{width:26px;height:26px}.message-avatar-img{width:100%;height:100%;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat}.message.bot .message-avatar svg{fill:var(--bg-gradient-end)}.message.user .message-avatar svg{fill:var(--text-secondary)}.message-content{display:flex;flex-direction:column;gap:6px}.message-bubble{padding:14px 18px;border-radius:18px;line-height:1.5;font-size:15px;white-space:break-spaces;word-break:break-word}.message.bot .message-bubble{background:var(--bot-bubble);color:var(--text-primary);border-bottom-left-radius:6px}.message.user .message-bubble{background:var(--user-bubble);color:#333;font-weight:500;border-bottom-right-radius:6px}.message-footer{display:flex;align-items:center;gap:8px}.message-time{font-size:11px;color:var(--text-muted);padding:0 4px}.message.user .message-time{text-align:right}.message-feedback{display:flex;gap:4px}.message-action-btn{width:30px;height:30px;background:transparent;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.message-action-btn svg{width:15px;height:15px;stroke:var(--text-secondary)}.message-action-btn:hover{background:#ffffff1f}.message-action-btn:hover svg{stroke:var(--text-secondary)}.message-action-btn.active{background:#d4ff0026;border-color:#d4ff0066}.message-action-btn.active svg{stroke:var(--accent-lime)}.message-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-replies{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:6px;padding:16px 24px;background:transparent;pointer-events:none}.quick-reply-btn{padding:8px 16px;background:#231e20d9;border:1px solid rgba(212,255,0,.25);border-radius:20px;color:var(--accent-lime);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left}.quick-reply-btn:hover{background:#d4ff0026;border-color:#d4ff0066;transform:translateY(-1px)}.chat-input-area{padding:16px 20px 24px;background:linear-gradient(180deg,transparent 0%,rgba(30,25,27,.5) 100%);border-top:1px solid var(--border-subtle)}.input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:20px;padding:8px 8px 8px 20px;transition:all .2s ease}.input-wrapper:focus-within{border-color:#d4ff0066;box-shadow:0 0 0 3px var(--shadow-glow)}.chat-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:inherit;resize:none;max-height:120px;line-height:1.5;padding:8px 0}.chat-input::placeholder{color:var(--text-muted)}.input-side-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0}.input-side-btn{width:36px;height:36px;background:#ffffff14;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.input-side-btn:hover{background:#ffffff1f;border-color:#ffffff2e}.input-side-btn svg{width:18px;height:18px;stroke:var(--text-secondary)}.input-btn{width:40px;height:40px;border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-btn{background:var(--user-bubble);box-shadow:0 4px 15px var(--shadow-glow)}.send-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px var(--shadow-glow)}.send-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.send-btn:disabled:hover{transform:none;box-shadow:none}.send-btn:active{transform:scale(.95)}.send-btn svg{width:20px;height:20px;fill:var(--bg-gradient-end)}.input-disclaimer{font-size:11px;color:var(--text-muted);text-align:center;margin-top:10px;line-height:1.5;padding:0 8px}.typing-indicator{display:none;gap:12px;max-width:85%;animation:messageIn .35s cubic-bezier(.22,1,.36,1)}.typing-indicator.active{display:flex}.typing-indicator .message-avatar{background:var(--accent-lime)}.typing-bubble{padding:14px 20px;background:var(--bot-bubble);border-radius:18px 18px 18px 6px}.typing-row{display:flex;align-items:center;gap:10px}.typing-dots{display:flex;align-items:center;gap:5px;flex-shrink:0}.chat-loading{color:var(--text-muted);font-size:13px;text-align:center;padding:16px 0}.typing-dot{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.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)}}.typing-status-text{font-size:12px;color:var(--text-muted);white-space:nowrap;animation:fadeSwitch 1.5s ease-in-out infinite}@keyframes fadeSwitch{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media (max-width: 520px){.chat-header{padding:12px 16px}.bot-avatar{width:40px;height:40px}.bot-avatar svg{width:28px;height:28px}.header-title{font-size:16px}.chat-messages{padding:16px}.message{max-width:88%}.quick-replies{padding:0 16px 12px}.chat-input-area{padding:12px 16px 20px}}.chat-messages{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.history-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:#231e20;z-index:100;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.history-panel.active{transform:translate(0)}.history-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:14px}.history-title{font-size:18px;font-weight:700;color:var(--text-primary)}.history-list{flex:1;overflow-y:auto;padding:16px}.history-item{padding:16px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.history-item:hover{background:#ffffff0f;border-color:#ffffff1f}.history-item-text{font-size:14px;color:var(--text-primary);line-height:1.5;margin-bottom:8px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-item-time{font-size:12px;color:var(--text-muted)}.history-empty{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:16px}.history-empty.active{display:flex}.history-empty svg{width:64px;height:64px;stroke:var(--text-muted);opacity:.5}.history-empty p{font-size:14px}.history-loading{padding:8px 16px 0;text-align:center;color:var(--text-muted);font-size:12px}.history-footer{display:flex;justify-content:center;padding:8px 0 16px}.history-load-more{padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.history-load-more:hover:enabled{background:#ffffff1a}.history-load-more:disabled{cursor:not-allowed;opacity:.6}.history-end{color:var(--text-muted);font-size:12px}