پرداخت - بهترین موزیک های جهان | Melodicc

width: 60px; height: 60px; background-color: #12BBDE; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; z-index: 9999; transition: all 0.3s ease; } .loom-chatbot-button:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); } .loom-chatbot-wrapper { width: 380px; max-width: 95vw; height: 500px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); background: #FAF8F5; overflow: hidden; transition: all 0.3s ease; display: flex; flex-direction: column; position: fixed; bottom: 90px; right: 20px; z-index: 9999; opacity: 0; transform: translateY(20px); visibility: hidden; } .loom-chatbot-wrapper.active { opacity: 1; transform: translateY(0); visibility: visible; } .loom-chatbot-header { background: #12BBDE !important; padding: 15px; color: #fff; border-top-right-radius: 20px; border-top-left-radius: 20px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .header-content { display: flex; align-items: center; gap: 10px; } .header-title { font-size: 18px; font-weight: bold; } .minimize-button { font-size: 24px; cursor: pointer; transition: all 0.3s ease; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.2); } .minimize-button:hover { background: rgba(255,255,255,0.3); } .loom-chatbot-body { flex: 1; overflow-y: auto; padding: 15px; background: #ffffff; display: flex; flex-direction: column; } .loom-chatbot-messages { display: flex; flex-direction: column; gap: 12px; flex: 1; } .welcome-message-container { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 10px; padding: 12px 15px; margin-bottom: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); animation: fadeIn 0.5s ease; } .welcome-line { display: inline-block; width: 100%; text-align: right; } .welcome-line1 { font-size: 1.1em; font-weight: bold; color: #2c3e50; margin-bottom: 5px; } .welcome-line2 { font-size: 0.9em; color: #666; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .loom-faq-section { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0; margin-top: 10px; margin-bottom: 15px; justify-content: center; width: 100%; } .loom-faq-item { background: #ffffff; border-radius: 20px; padding: 8px 16px; cursor: pointer; transition: all 0.2s ease; font-size: 0.9em; color: #12BBDE; border: 1px solid #12BBDE; text-align: center; min-width: 120px; display: inline-block; margin: 0 5px 10px 0; } .loom-faq-item:hover, .loom-faq-item.active { background: #012BBDE; color: white; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .user-message { align-self: flex-start; background: #12BBDE; color: #fff; padding: 12px 16px; border-radius: 18px 18px 18px 18px; max-width: 80%; box-shadow: 0 2px 8px rgba(0,0,0,0.1); animation: slideInLeft 0.3s ease; margin-bottom: 8px; line-height: 1.5; word-break: break-word; position: relative; text-align: right; } .bot-message { align-self: flex-end; background: #14182A; color: #FFFFFF; padding: 12px 16px; border-radius: 18px 18px 18px 18px; max-width: 80%; box-shadow: 0 2px 8px rgba(0,0,0,0.1); animation: slideInRight 0.3s ease; border: 1px solid #eee; margin-bottom: 8px; line-height: 1.5; word-break: break-word; position: relative; text-align: right; } .message-time { display: block; font-size: 0.7em; opacity: 0.7; margin-top: 5px; text-align: left; } @keyframes slideInRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } .loom-chatbot-footer { padding: 12px 15px; background: #fff; border-top: 1px solid #eee; display: flex; align-items: center; box-shadow: 0 -2px 10px rgba(0,0,0,0.05); } #loom-chatbot-input { flex: 1; padding: 12px 15px; border: 1px solid #ddd; border-radius: 25px; outline: none; font-size: 0.9em; transition: all 0.3s ease; background: #f9f9f9; direction: rtl; text-align: right; } #loom-chatbot-input:focus { border-color: #12BBDE; box-shadow: 0 0 8px rgba(0, 132, 255, 0.2); background: #fff; } #loom-chatbot-send { background: #12BBDE; border-radius: 50%; width: 40px; height: 40px; margin-right: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; border: none; outline: none; padding: 0; } #loom-chatbot-send:hover { background: #12BBDE; transform: scale(1.1); } #loom-chatbot-send img { width: 20px; height: 20px; filter: brightness(0) invert(1); transition: transform 0.2s; } #loom-chatbot-send:hover img { transform: scale(1.1); } .loom-chatbot-loading { display: none; text-align: center; padding: 8px; } .loom-chatbot-loading img { width: 28px; height: 28px; } @media (max-width: 480px) { .loom-chatbot-wrapper, .loom-initial-notification { width: calc(100% - 30px); right: 15px; } .loom-chatbot-wrapper { height: 450px; } .welcome-message-container { padding: 10px; } .loom-faq-item { font-size: 0.8em; padding: 8px 16px; } } .clear-history-btn { background: #4b7a4b; color: white; border: none; padding: 5px 10px; border-radius: 15px; font-size: 12px; cursor: pointer; margin-right: 10px; transition: all 0.3s; } .clear-history-btn:hover { background: #d32f2f; transform: scale(1.05); } .user-message { border-bottom-right-radius: 0 !important; } .bot-message { border-bottom-left-radius: 0 !important; } .loom-chatbot-loading { animation: bounce 1s infinite; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .voice-message-button { /* New styles for voice message button */ background: #12BBDE; border-radius: 50%; width: 40px; height: 40px; margin-right: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; border: none; outline: none; padding: 0; } .voice-message-button:hover { background: #12BBDE; transform: scale(1.1); } .voice-message-button img { width: 20px; height: 20px; filter: brightness(0) invert(1); transition: transform 0.2s; } .voice-message-button:hover img { transform: scale(1.1); } .recording-animation { animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }

ورود / ثبت نام

من هوش مصنوعی ملودیک هستم، هر سوالی داری میتونی از من بپرسی ×

Melodicc هوش مصنوعی

−

“آلبوم فیزیکی The Dark Side of the Moon از Pink Floyd” به سبد خرید شما اضافه شد. ادامه خرید

کد تخفیف دارید؟ برای نوشتن کد اینجا کلیک کنید

جزئیات صورتحساب

نام و نام خانوادگی

کشور / منطقه ایران

تلفن

توضیحات تکمیلی

توضیحات سفارش (اختیاری)

سفارش شما

محصول	جمع جزء
آلبوم فیزیکی The Dark Side of the Moon از Pink Floyd × 1	تومان298.000
جمع جزء	تومان298.000
مجموع	تومان298.000

پرداخت امن زرین پال

پرداخت امن به وسیله کلیه کارت های عضو شتاب از طریق درگاه زرین پال

بروزرسانی جمع به روز رسانی جمع کل

اطلاعات شخصی شما برای پردازش سفارش شما، پشتیبانی از تجربه شما در سراسر این وب سایت و برای اهدافی که در سیاست حفظ حریم خصوصی ذکر شده است استفاده می شود.