سرگرمی و تعاملی 🔮 ژنراتور ایدههای عاشقانه و صمیمیت دنبال یک ایده تازه برای تازه کردن حسوحال رابطهتون هستید؟ فاز امروزتون رو انتخاب کنید! امروز دوست داری چه تجربهای داشته باشی؟ قرارهای هیجانانگیز و خندهدار 🎈 گفتوگوهای عمیق و صمیمی 💬 روابط عاطفی و سورپرایزهای رومانتیک 💖 صمیمیت و ایدههای گرم دونفره 🔥 🎲 پیشنهاد جذاب امروز رو بهم بگو! ✨ عنوان ایده توضیحات ایده اینجا قرار میگیرد. ⏱️ چالش امشب شما #relationship-tool-container { font-family: Tahoma, 'IRANSans', sans-serif; direction: rtl; display: flex; justify-content: center; padding: 20px 10px; } .tool-card { background: linear-gradient(135deg, #ffffff 0%, #fff5f7 100%); border: 2px solid #ffe0e6; border-radius: 20px; box-shadow: 0 10px 25px rgba(230, 57, 70, 0.1); max-width: 500px; width: 100%; padding: 25px; text-align: center; } .tool-badge { background-color: #ffe0e6; color: #e63946; font-size: 12px; padding: 4px 12px; border-radius: 12px; font-weight: bold; } .tool-header h2 { color: #2b2d42; margin: 15px 0 8px; font-size: 22px; } .tool-header p { color: #6c757d; font-size: 14px; line-height: 1.6; margin-bottom: 20px; } .tool-label { display: block; font-size: 14px; font-weight: bold; color: #2b2d42; margin-bottom: 8px; text-align: right; } .tool-select { width: 100%; padding: 12px; border: 2px solid #ffd1d7; border-radius: 12px; font-size: 14px; margin-bottom: 15px; background-color: #fff; color: #2b2d42; outline: none; cursor: pointer; } #generate-btn { width: 100%; background: linear-gradient(45deg, #e63946, #ff6b6b); color: white; border: none; padding: 14px; border-radius: 12px; font-size: 16px; font-weight: bold; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; } #generate-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(230, 57, 70, 0.3); } .result-box { margin-top: 25px; padding: 20px; background: #ffffff; border-radius: 16px; border: 1px solid #ffccd5; animation: fadeIn 0.4s ease-in-out; } .hidden { display: none; } .result-icon { font-size: 32px; display: block; margin-bottom: 8px; } #result-title { color: #e63946; margin: 0 0 10px; font-size: 18px; } #result-desc { color: #4a5568; font-size: 14px; line-height: 1.7; margin: 0; } .challenge-tag { display: inline-block; margin-top: 15px; background-color: #fff3bf; color: #856404; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: bold; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }