.app-container[data-v-cb2f0f1b]{width:100%;min-height:100vh;padding:20px;box-sizing:border-box}@media screen and (max-width: 768px){.app-container[data-v-cb2f0f1b]{padding:10px}}body{margin:0;padding:0;overflow:hidden}.chat-container[data-v-336de792]{max-width:700px;margin:0 auto;padding:15px;height:100vh;display:flex;flex-direction:column;font-size:14px;box-sizing:border-box}.input-area[data-v-336de792]{display:flex;gap:10px;padding:20px 0;position:sticky;bottom:0;background:#fff}.messages-container[data-v-336de792]{flex:1;overflow-y:auto;padding:5px 0;scrollbar-width:none;-ms-overflow-style:none}.messages-container[data-v-336de792]::-webkit-scrollbar{display:none}.message-wrapper[data-v-336de792]{display:flex;gap:12px;margin:10px 0}.message-wrapper.user[data-v-336de792]{flex-direction:row-reverse}.avatar[data-v-336de792]{width:40px;height:40px;flex-shrink:0}.avatar img[data-v-336de792]{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-content[data-v-336de792]{max-width:75%;font-size:14px}.user-message[data-v-336de792]{background-color:#007aff;color:#fff;padding:10px 14px;border-radius:16px 16px 4px;margin-right:10px}.assistant-message[data-v-336de792]{background-color:#f5f5f5;padding:10px 14px;border-radius:16px 16px 16px 4px;margin-left:10px}.assistant-message[data-v-336de792] pre{background-color:#2d2d2d;color:#fff;padding:10px;border-radius:5px;overflow-x:auto;margin:8px 0}.error-message[data-v-336de792]{background-color:#ffe6e6;color:red;padding:12px 16px;border-radius:20px}input[data-v-336de792]{flex:1;padding:10px;border:1px solid #ddd;border-radius:20px;font-size:14px}button[data-v-336de792]{padding:10px 20px;border-radius:20px;border:none;background-color:#007aff;color:#fff;font-size:14px;cursor:pointer}button[data-v-336de792]:disabled{background-color:#ccc}@media screen and (max-width: 768px){.chat-container[data-v-336de792]{max-width:100%;padding:8px;font-size:13px}.message-content[data-v-336de792]{max-width:85%}.input-area[data-v-336de792]{padding:10px;gap:5px}input[data-v-336de792]{padding:8px;font-size:14px}button[data-v-336de792]{padding:8px 16px;font-size:14px}}@media screen and (max-width: 480px){.avatar[data-v-336de792]{width:32px;height:32px}.message-wrapper[data-v-336de792]{gap:8px;margin:12px 0}.user-message[data-v-336de792],.assistant-message[data-v-336de792],.error-message[data-v-336de792]{padding:8px 12px;font-size:13px}.assistant-message[data-v-336de792] pre{padding:8px;font-size:12px}}.character-select[data-v-336de792]{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #eee;margin-bottom:10px}.character-option[data-v-336de792]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;cursor:pointer;transition:all .3s}.character-option img[data-v-336de792]{width:24px;height:24px;border-radius:50%}.character-option.active[data-v-336de792]{background-color:#e6f3ff;color:#007aff}.character-option[data-v-336de792]:hover{background-color:#f5f5f5}