.ai-page[data-v-6428996f]{background-image:url(https://raw.gitcode.com/qq_62566094/blogs/raw/main/imgs/bg/55.png);background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.ai-chat[data-v-6428996f]{max-width:1000px;width:100%;background:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header[data-v-6428996f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.chat-header h3[data-v-6428996f]{margin:0;color:#333;font-size:18px}.connection-status[data-v-6428996f]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;background:#f44336;color:#fff}.connection-status.connected[data-v-6428996f]{background:#4caf50}.status-message[data-v-6428996f]{padding:10px 15px;border-radius:6px;margin-bottom:15px;background:#e8f5e8;color:#2d5a2d;font-size:14px}.status-message.error[data-v-6428996f]{background:#ffe8e8;color:#5a2d2d}.chat-history[data-v-6428996f]{min-height:300px;max-height:500px;overflow-y:auto;margin-bottom:20px;padding:10px;background:#f8f9fa;border-radius:8px}.message[data-v-6428996f]{margin:12px 0;display:flex}.message.user[data-v-6428996f]{justify-content:flex-end}.message.ai[data-v-6428996f]{justify-content:flex-start}.message-content[data-v-6428996f]{max-width:70%;display:flex;align-items:flex-end;gap:8px;word-wrap:break-word;line-height:1.4}.left-avatar[data-v-6428996f]{order:0;margin-right:8px;font-size:24px}.left-content[data-v-6428996f]{order:1;background:#fff;color:#333;border:1px solid #e0e0e0;border-radius:18px;border-bottom-left-radius:4px;padding:12px 16px}.right-content[data-v-6428996f]{order:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:18px;border-bottom-right-radius:4px;padding:12px 16px}.right-avatar[data-v-6428996f]{order:1;margin-left:8px;font-size:24px}.avatar[data-v-6428996f]{font-size:26px;flex-shrink:0}.content[data-v-6428996f]{flex:1}.typing-indicator[data-v-6428996f]{display:flex;gap:4px;margin-left:8px}.dot[data-v-6428996f]{width:6px;height:6px;border-radius:50%;background:#999;-webkit-animation:typing-data-v-6428996f 1.4s ease-in-out infinite;animation:typing-data-v-6428996f 1.4s ease-in-out infinite}.dot[data-v-6428996f]:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.dot[data-v-6428996f]:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes typing-data-v-6428996f{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes typing-data-v-6428996f{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input[data-v-6428996f]{display:flex;gap:10px;align-items:center}.chat-input input[data-v-6428996f]{flex:1;padding:12px 16px;border-radius:25px;border:2px solid #e0e0e0;font-size:14px;outline:none;transition:border-color .3s}.chat-input input[data-v-6428996f]:focus{border-color:#667eea}.chat-input input[data-v-6428996f]:disabled{background:#f5f5f5;cursor:not-allowed}.chat-input button[data-v-6428996f]{padding:12px 24px;border-radius:25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:700;transition:transform .2s;white-space:nowrap}.chat-input button[data-v-6428996f]:hover:not(:disabled){transform:translateY(-2px)}.chat-input button[data-v-6428996f]:disabled{background:#ccc;cursor:not-allowed;transform:none}.stop-btn[data-v-6428996f]{background:#f44336!important}.stop-btn[data-v-6428996f]:hover:not(:disabled){background:#d32f2f!important}.chat-history[data-v-6428996f]::-webkit-scrollbar{width:6px}.chat-history[data-v-6428996f]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-history[data-v-6428996f]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-history[data-v-6428996f]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ai-status-msg[data-v-6428996f]{color:#1976d2;background:#e3f2fd;padding:8px 16px;border-radius:8px;margin-bottom:12px;text-align:center;font-weight:700}