<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>أ / سامح أبورحاب ، كاتب في أكاديمية سامح أبورحاب</title>
	<atom:link href="https://mrsameh.com/author/samehabourehabgmail-com/feed/" rel="self" type="application/rss+xml" />
	<link>https://mrsameh.com/author/samehabourehabgmail-com/</link>
	<description>تعليم ممتع ومنظم مع دورات تفاعلية واختبارات تساعدك تتقدم بثقة.</description>
	<lastBuildDate>Wed, 07 Jan 2026 18:32:13 +0000</lastBuildDate>
	<language>ar</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://mrsameh.com/wp-content/uploads/2026/01/cropped-الشعار-للموقع-بحجم-512-الوان-زاهية-32x32.png</url>
	<title>أ / سامح أبورحاب ، كاتب في أكاديمية سامح أبورحاب</title>
	<link>https://mrsameh.com/author/samehabourehabgmail-com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>🚀 اختبار ذكي يحدد نمط شخصيتك بدقة</title>
		<link>https://mrsameh.com/%d8%a7%d9%84%d9%88%d8%ac%d8%af%d9%87-%d8%a7%d9%84%d8%a3%d8%ae%d8%b1-%d9%84%d9%84%d8%a3%d9%86%d8%a7%d9%86%d9%8a%d8%a9/</link>
					<comments>https://mrsameh.com/%d8%a7%d9%84%d9%88%d8%ac%d8%af%d9%87-%d8%a7%d9%84%d8%a3%d8%ae%d8%b1-%d9%84%d9%84%d8%a3%d9%86%d8%a7%d9%86%d9%8a%d8%a9/#respond</comments>
		
		<dc:creator><![CDATA[أ / سامح أبورحاب]]></dc:creator>
		<pubDate>Mon, 10 Nov 2025 05:23:13 +0000</pubDate>
				<category><![CDATA[دينية]]></category>
		<guid isPermaLink="false">https://mrsameh.com/?p=5330</guid>

					<description><![CDATA[<p>اختبار ممتع وسريع يساعدك على فهم نمط شخصيتك، نقاط قوتك، وطريقة تفكيرك واتخاذك للقرارات. أجب عن مجموعة أسئلة بسيطة، واحصل على تحليل دقيق يعرّفك بنفسك أكثر في دقائق قليلة.</p>
<p>ظهرت المقالة <a href="https://mrsameh.com/%d8%a7%d9%84%d9%88%d8%ac%d8%af%d9%87-%d8%a7%d9%84%d8%a3%d8%ae%d8%b1-%d9%84%d9%84%d8%a3%d9%86%d8%a7%d9%86%d9%8a%d8%a9/">🚀 اختبار ذكي يحدد نمط شخصيتك بدقة</a> أولاً على <a href="https://mrsameh.com">أكاديمية سامح أبورحاب</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5330" class="elementor elementor-5330" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-356d2f8 e-flex e-con-boxed e-con e-parent" data-id="356d2f8" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1a902c3 elementor-widget elementor-widget-html" data-id="1a902c3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>اختبار الشخصية - أكاديمية سامح أبورحاب التعليمية</title>
    
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- FontAwesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;700;800&display=swap" rel="stylesheet">
    
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        emerald: {
                            50: '#ecfdf5',
                            100: '#d1fae5',
                            200: '#a7f3d0',
                            500: '#10b981',
                            600: '#059669',
                            700: '#047857',
                            800: '#065f46',
                            900: '#064e3b',
                        },
                        gold: {
                            400: '#fbbf24',
                            500: '#f59e0b',
                            600: '#d97706',
                        }
                    },
                    fontFamily: {
                        'amiri': ['Amiri', 'serif'],
                        'tajawal': ['Tajawal', 'sans-serif'],
                    },
                    animation: {
                        'bounce-slow': 'bounce 3s infinite',
                        'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',
                    }
                }
            }
        }
    </script>

    <style>
        body {
            font-family: 'Tajawal', sans-serif;
            background-color: #f0fdf4;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23059669' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            /* منع التمرير الأفقي */
            overflow-x: hidden;
        }
        
        .special-text {
            font-family: 'Amiri', serif;
            line-height: 1.8;
        }

        .fade-in {
            animation: fadeIn 0.6s ease-in-out;
        }

        .slide-up {
            animation: slideUp 0.5s ease-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes slideUp {
            from { transform: translateY(20px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #059669;
            border-radius: 4px;
        }

        .option-btn {
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .option-btn:active {
            transform: scale(0.98);
        }
        
        /* Modal Styles */
        .modal-overlay {
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
        }
    </style>
</head>
<body class="min-h-screen flex items-center justify-center p-2 md:p-4">

    <!-- Main Container -->
    <!-- تم تعديل min-h ليكون أكثر مرونة -->
    <div class="w-full max-w-4xl bg-white rounded-2xl md:rounded-3xl shadow-2xl overflow-hidden border-t-8 border-emerald-600 relative flex flex-col min-h-[500px] md:min-h-[600px]">
        
        <!-- Header -->
        <header class="bg-emerald-50 p-4 md:p-5 border-b border-emerald-100 flex justify-between items-center sticky top-0 z-10">
            <div class="flex items-center gap-3 md:gap-4">
                <div class="bg-gradient-to-br from-emerald-500 to-emerald-700 text-white p-2 md:p-3 rounded-xl shadow-lg">
                    <i class="fas fa-graduation-cap text-xl md:text-2xl"></i>
                </div>
                <div>
                    <h1 class="text-lg md:text-2xl font-bold text-emerald-900 font-tajawal leading-tight">أكاديمية سامح أبورحاب</h1>
                    <p class="text-xs md:text-sm text-emerald-600 font-medium">اختبار تحليل الشخصية</p>
                </div>
            </div>
            
            <!-- Progress Stats (Hidden initially) -->
            <div id="header-stats" class="hidden flex gap-3 text-sm font-bold">
                <div class="bg-white px-3 py-1 rounded-lg border border-emerald-200 text-emerald-700 shadow-sm flex items-center gap-2">
                    <span class="text-xs text-gray-400 hidden md:inline">سؤال</span>
                    <span id="current-step-num">1</span>
                    <span class="text-gray-400">/ 25</span>
                </div>
            </div>
        </header>

        <!-- Main Content Area -->
        <main id="app-content" class="flex-grow p-4 md:p-8 flex flex-col items-center justify-center relative w-full">
            <!-- Content injects here via JS -->
        </main>

        <!-- Footer -->
        <footer class="bg-gray-50 p-4 text-center text-xs text-gray-500 border-t border-gray-100">
            <p>© جميع الحقوق محفوظة - أكاديمية سامح أبورحاب التعليمية</p>
        </footer>
    </div>

    <!-- Criteria Modal -->
    <div id="criteria-modal" class="fixed inset-0 z-[100] hidden flex items-center justify-center p-4">
        <div class="absolute inset-0 modal-overlay transition-opacity opacity-0" id="modal-bg" onclick="toggleCriteria(false)"></div>
        <!-- تم إضافة max-h و overflow-y-auto للتعامل مع الشاشات الصغيرة -->
        <div class="bg-white rounded-[1.5rem] md:rounded-[2rem] p-6 md:p-8 w-full max-w-lg shadow-2xl transform scale-95 opacity-0 transition-all duration-300 relative border-t-8 border-emerald-500 flex flex-col max-h-[85vh] overflow-y-auto" id="modal-content">
            <button onclick="toggleCriteria(false)" class="absolute top-4 left-4 p-2 bg-gray-100 rounded-full hover:bg-gray-200 transition-colors z-20">
                <i class="fas fa-times text-gray-500"></i>
            </button>
            
            <div class="text-center mb-6">
                <div class="inline-flex p-3 bg-emerald-100 rounded-2xl mb-4 text-emerald-600">
                    <i class="fas fa-clipboard-list text-3xl"></i>
                </div>
                <h3 class="font-tajawal font-bold text-2xl text-emerald-800">معايير التقييم</h3>
            </div>

            <div class="space-y-6">
                <div class="bg-emerald-50 p-4 rounded-2xl border border-emerald-100">
                    <h4 class="font-bold text-emerald-700 mb-3 text-sm font-tajawal">كيفية احتساب النقاط:</h4>
                    <div class="flex justify-around text-center font-tajawal">
                        <div>
                            <div class="font-black text-2xl text-gray-400">0</div>
                            <div class="text-xs text-gray-600 font-bold mt-1">المجموعة (أ)</div>
                        </div>
                        <div>
                            <div class="font-black text-2xl text-emerald-600">2</div>
                            <div class="text-xs text-gray-600 font-bold mt-1">المجموعة (ب)</div>
                        </div>
                        <div>
                            <div class="font-black text-2xl text-gold-500">1</div>
                            <div class="text-xs text-gray-600 font-bold mt-1">المجموعة (ج)</div>
                        </div>
                    </div>
                </div>

                <div class="space-y-3 font-tajawal">
                    <h4 class="font-bold text-gray-700 text-sm">تحليل النتائج:</h4>
                    
                    <div class="flex items-center gap-3 p-3 rounded-xl border border-emerald-100 bg-white">
                        <div class="w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-700 font-bold text-xs shrink-0">40-50</div>
                        <div>
                            <div class="font-bold text-emerald-900 text-sm">شخصية قوية (قيادية)</div>
                        </div>
                    </div>

                    <div class="flex items-center gap-3 p-3 rounded-xl border border-emerald-100 bg-white">
                        <div class="w-10 h-10 rounded-full bg-gold-100 flex items-center justify-center text-gold-600 font-bold text-xs shrink-0">25-39</div>
                        <div>
                            <div class="font-bold text-emerald-900 text-sm">شخصية متوازنة</div>
                        </div>
                    </div>

                    <div class="flex items-center gap-3 p-3 rounded-xl border border-emerald-100 bg-white">
                        <div class="w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 font-bold text-xs shrink-0">&lt; 25</div>
                        <div>
                            <div class="font-bold text-emerald-900 text-sm">تحتاج لتعزيز الثقة</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-8">
                <button onclick="toggleCriteria(false)" class="w-full py-3 bg-emerald-700 text-white font-bold rounded-xl hover:bg-emerald-800 transition-colors shadow-lg">
                    حسناً، فهمت
                </button>
            </div>
        </div>
    </div>

    <script>
        // --- 1. بنك الأسئلة ---
        const questions = [
            { id: 1, options: [{ t: "قابل للتغيير", s: 0 }, { t: "ثابت", s: 2 }, { t: "معتدل", s: 1 }] },
            { id: 2, options: [{ t: "متكلف", s: 0 }, { t: "قوي", s: 2 }, { t: "مقبول", s: 1 }] },
            { id: 3, options: [{ t: "متردد", s: 0 }, { t: "متشبث برأيك", s: 2 }, { t: "محبوب", s: 1 }] },
            { id: 4, options: [{ t: "صامد (ساكن)", s: 0 }, { t: "قوي الاحتمال", s: 2 }, { t: "متزن", s: 1 }] },
            { id: 5, options: [{ t: "متحفظ", s: 0 }, { t: "صلب", s: 2 }, { t: "عقلاني", s: 1 }] },
            { id: 6, options: [{ t: "غير حاسم", s: 0 }, { t: "حازم", s: 2 }, { t: "متنوع", s: 1 }] },
            { id: 7, options: [{ t: "متذبذب", s: 0 }, { t: "ثابت العزم", s: 2 }, { t: "تحكمك العادة", s: 1 }] },
            { id: 8, options: [{ t: "واضح (بسيط)", s: 0 }, { t: "متعلق (مكرس)", s: 2 }, { t: "نمطي", s: 1 }] },
            { id: 9, options: [{ t: "مرتاب", s: 0 }, { t: "حصيف", s: 2 }, { t: "عادي", s: 1 }] },
            { id: 10, options: [{ t: "متفكر", s: 0 }, { t: "متحمل", s: 2 }, { t: "كريم", s: 1 }] },
            { id: 11, options: [{ t: "مولع بالجدل", s: 0 }, { t: "جريء", s: 2 }, { t: "محترم", s: 1 }] },
            { id: 12, options: [{ t: "مضطرب", s: 0 }, { t: "جسور", s: 2 }, { t: "حسن السمعة", s: 1 }] },
            { id: 13, options: [{ t: "ضجر", s: 0 }, { t: "ثابت", s: 2 }, { t: "تقليدي", s: 1 }] },
            { id: 14, options: [{ t: "صعب المراس", s: 0 }, { t: "محدد", s: 2 }, { t: "واضح", s: 1 }] },
            { id: 15, options: [{ t: "مسالم", s: 0 }, { t: "متشدد", s: 2 }, { t: "حاذق", s: 1 }] },
            { id: 16, options: [{ t: "عصبي", s: 0 }, { t: "قاطع", s: 2 }, { t: "منهجي", s: 1 }] },
            { id: 17, options: [{ t: "حريص", s: 0 }, { t: "صلب - عنيد", s: 2 }, { t: "وسطي", s: 1 }] },
            { id: 18, options: [{ t: "سريع الغضب", s: 0 }, { t: "متطاول (قوي)", s: 2 }, { t: "حي الضمير", s: 1 }] },
            { id: 19, options: [{ t: "متقلب المزاج", s: 0 }, { t: "رابط الجأش", s: 2 }, { t: "منصف", s: 1 }] },
            { id: 20, options: [{ t: "متغير", s: 0 }, { t: "راسخ", s: 2 }, { t: "ملتزم", s: 1 }] },
            { id: 21, options: [{ t: "غامض", s: 0 }, { t: "منطلق", s: 2 }, { t: "صالح", s: 1 }] },
            { id: 22, options: [{ t: "متناقض", s: 0 }, { t: "مرح", s: 2 }, { t: "منضبط", s: 1 }] },
            { id: 23, options: [{ t: "راض وقنوع", s: 0 }, { t: "منفعل (نشيط)", s: 2 }, { t: "مؤمن", s: 1 }] },
            { id: 24, options: [{ t: "حزين", s: 0 }, { t: "مرن", s: 2 }, { t: "دقيق", s: 1 }] },
            { id: 25, options: [{ t: "بغيض", s: 0 }, { t: "حلو المعشر", s: 2 }, { t: "عادل", s: 1 }] }
        ];

        // --- 2. متغيرات إدارة التطبيق ---
        let currentQuestion = 0;
        let totalScore = 0;
        const appContent = document.getElementById('app-content');
        const headerStats = document.getElementById('header-stats');
        const currentStepNum = document.getElementById('current-step-num');

        // --- 3. دوال التهيئة ---
        function initApp() {
            renderWelcomeScreen();
        }

        function renderWelcomeScreen() {
            headerStats.classList.add('hidden');
            appContent.innerHTML = `
                <div class="text-center w-full max-w-2xl slide-up">
                    <div class="mb-8 relative inline-block">
                        <div class="w-24 h-24 md:w-28 md:h-28 bg-emerald-50 rounded-full flex items-center justify-center mx-auto border-4 border-emerald-500 shadow-xl animate-bounce-slow">
                            <span class="text-5xl md:text-6xl text-emerald-600"><i class="fas fa-fingerprint"></i></span>
                        </div>
                    </div>
                    
                    <h2 class="text-2xl md:text-4xl font-bold text-emerald-800 mb-4 font-tajawal">اكتشف ذاتك الحقيقية</h2>
                    <p class="text-lg md:text-xl text-gray-600 mb-8 font-medium">رحلة قصيرة لاستكشاف مكامن قوتك</p>

                    <div class="bg-emerald-50 rounded-2xl p-4 md:p-6 mb-8 border border-emerald-100 text-right shadow-inner">
                        <div class="flex items-start gap-4 mb-4">
                            <div class="bg-emerald-100 p-2 rounded-lg text-emerald-600 shrink-0">
                                <i class="fas fa-lightbulb text-xl"></i>
                            </div>
                            <div>
                                <h3 class="font-bold text-emerald-900 mb-1">تعليمات هامة</h3>
                                <p class="text-gray-700 text-sm leading-relaxed">أجب بصدق عما يمثلك "الآن" وليس ما تتمنى أن تكون عليه.</p>
                            </div>
                        </div>
                        
                        <div class="flex items-start gap-4">
                            <div class="bg-emerald-100 p-2 rounded-lg text-emerald-600 shrink-0">
                                <i class="fas fa-clock text-xl"></i>
                            </div>
                            <div>
                                <h3 class="font-bold text-emerald-900 mb-1">مدة الاختبار</h3>
                                <p class="text-gray-700 text-sm">أقل من دقيقتين - 25 سؤالاً بسيطاً.</p>
                            </div>
                        </div>
                    </div>

                    <div class="flex flex-col md:flex-row gap-4 justify-center">
                        <button onclick="startQuiz()" class="group relative inline-flex items-center justify-center px-8 py-4 text-lg font-bold text-white transition-all duration-200 bg-emerald-600 font-tajawal rounded-xl hover:bg-emerald-700 hover:shadow-lg hover:-translate-y-1 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-600 w-full md:w-auto">
                            <span>ابدأ الاختبار الآن</span>
                            <i class="fas fa-arrow-left mr-3 group-hover:-translate-x-1 transition-transform"></i>
                        </button>
                        
                        <button onclick="toggleCriteria(true)" class="inline-flex items-center justify-center px-8 py-4 text-lg font-bold text-emerald-700 bg-emerald-100 border border-emerald-200 font-tajawal rounded-xl hover:bg-emerald-200 transition-all w-full md:w-auto">
                            <i class="fas fa-info-circle ml-2"></i>
                            <span>معايير التقييم</span>
                        </button>
                    </div>
                </div>
            `;
        }

        // --- 4. بدء الاختبار ---
        function startQuiz() {
            currentQuestion = 0;
            totalScore = 0;
            headerStats.classList.remove('hidden');
            renderQuestion();
        }

        // --- 5. عرض السؤال ---
        function renderQuestion() {
            if (currentQuestion >= questions.length) {
                showResults();
                return;
            }

            const q = questions[currentQuestion];
            const progressPercent = ((currentQuestion) / questions.length) * 100;
            currentStepNum.innerText = currentQuestion + 1;

            // Motivational Banner logic
            let motivationHtml = '';
            if (currentQuestion > 0 && currentQuestion % 5 === 0) {
                 const messages = ["بداية قوية! استمر..", "أنت تقوم بعمل رائع!", "اقتربت من النهاية..", "خطوات أخيرة!"];
                 const msg = messages[(currentQuestion/5) - 1] || "ممتاز!";
                 motivationHtml = `
                    <div class="mb-4 text-center fade-in">
                        <span class="inline-block px-4 py-1 rounded-full bg-gold-100 text-gold-700 text-sm font-bold border border-gold-200 shadow-sm">
                            <i class="fas fa-star text-gold-500 ml-1"></i> ${msg}
                        </span>
                    </div>
                 `;
            }

            appContent.innerHTML = `
                <div class="w-full max-w-3xl slide-up">
                    ${motivationHtml}
                    <!-- Progress Bar -->
                    <div class="mb-6">
                        <div class="flex justify-between text-xs font-bold text-gray-500 mb-2 font-tajawal">
                            <span>التقدم</span>
                            <span>${Math.round(progressPercent)}%</span>
                        </div>
                        <div class="w-full bg-gray-200 rounded-full h-2.5 overflow-hidden">
                            <div class="bg-gradient-to-r from-emerald-500 to-emerald-400 h-2.5 rounded-full transition-all duration-500 ease-out" style="width: ${progressPercent}%"></div>
                        </div>
                    </div>

                    <!-- Question Card -->
                    <div class="bg-white rounded-2xl shadow-lg border border-emerald-50 overflow-hidden mb-6 relative group">
                        <div class="absolute top-0 right-0 w-1 h-full bg-gold-400"></div>
                        <div class="p-6 md:p-8">
                            <div class="flex items-start gap-4 mb-4">
                                <div class="bg-emerald-100 text-xl md:text-2xl w-10 h-10 md:w-12 md:h-12 flex items-center justify-center rounded-full flex-shrink-0 text-emerald-600">
                                    ${currentQuestion + 1}
                                </div>
                                <div>
                                    <span class="inline-block px-2 py-1 bg-emerald-50 text-emerald-700 text-xs font-bold rounded mb-2">اختر الأنسب لك</span>
                                    <h3 class="text-xl md:text-3xl font-bold text-gray-800 leading-loose special-text">
                                        أي من الصفات التالية تعبر عنك أكثر؟
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Options Grid -->
                    <div class="grid gap-3 mb-8" id="options-container">
                        ${q.options.map((opt, idx) => `
                            <button onclick="handleAnswer(${opt.s}, this)" class="option-btn w-full text-right bg-white border-2 border-gray-100 p-4 rounded-xl hover:border-emerald-300 hover:bg-emerald-50 font-medium text-gray-700 relative group transition-all flex items-center justify-between">
                                <span class="text-lg leading-relaxed z-10 font-tajawal font-bold">${opt.t}</span>
                                <div class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-400 text-sm font-bold border border-gray-200 option-marker group-hover:bg-emerald-200 group-hover:text-emerald-800 transition-colors z-10">
                                    <i class="fas fa-check opacity-0 group-hover:opacity-50 transition-opacity"></i>
                                </div>
                            </button>
                        `).join('')}
                    </div>
                </div>
            `;
        }

        // --- 6. معالجة الإجابة ---
        function handleAnswer(score, btnElement) {
            // تعطيل كل الأزرار لمنع النقر المتعدد
            const buttons = document.querySelectorAll('.option-btn');
            buttons.forEach(btn => btn.disabled = true);

            // تأثير بصري للاختيار
            btnElement.classList.remove('bg-white', 'border-gray-100');
            btnElement.classList.add('bg-emerald-100', 'border-emerald-500', 'ring-2', 'ring-emerald-200');
            const marker = btnElement.querySelector('.option-marker');
            marker.innerHTML = '<i class="fas fa-check"></i>';
            marker.classList.remove('bg-gray-100', 'text-gray-400');
            marker.classList.add('bg-emerald-500', 'text-white');

            totalScore += score;
            currentQuestion++;

            setTimeout(() => {
                renderQuestion();
                // تم إزالة window.scrollTo لمنع القفزة
                // window.scrollTo({ top: 0, behavior: 'smooth' }); 
            }, 400); // تأخير بسيط لرؤية الاختيار
        }

        // --- 7. شاشة النتائج ---
        function showResults() {
            headerStats.classList.add('hidden');
            
            let title = "";
            let desc = "";
            let advice = "";
            let icon = "";
            let colorClass = "";

            if (totalScore >= 40) {
                title = "شخصية قوية وقيادية";
                desc = "أنت تتمتع بشخصية صلبة وطموحة. إرادتك حديدية وتعلم تماماً ما تريده في الحياة، ولا تهدأ إلا عندما تحقق أهدافك.";
                advice = "أنت قائد بالفطرة، لكن احذر من القسوة على نفسك عند مواجهة العقبات. المرونة هي سر استمرار القوة.";
                icon = "fa-crown";
                colorClass = "text-gold-600";
            } else if (totalScore >= 25) {
                title = "شخصية متوازنة وحكيمة";
                desc = "أنت شخصية رائعة، تجمع بين مراعاة مشاعر الآخرين والسعي لتحقيق الذات. متسامح، طيب، وتتمتع بروح الفريق.";
                advice = "توازنك هو قوتك الحقيقية. حافظ على هذا السلام الداخلي فهو عملة نادرة في هذا الزمن.";
                icon = "fa-balance-scale";
                colorClass = "text-emerald-600";
            } else {
                title = "شخصية طيبة وواعدة";
                desc = "تملك قلباً ذهبياً ونفساً راضية. تعيش في سلام مع محيطك، لكنك قد تتردد أحياناً في إظهار قدراتك الحقيقية.";
                advice = "لديك كنوز دفينة من المواهب، فقط تحتاج للقليل من الجرأة! آمن بنفسك كما نؤمن نحن بك.";
                icon = "fa-hand-holding-heart";
                colorClass = "text-gray-600";
            }

            appContent.innerHTML = `
                <div class="text-center w-full max-w-lg fade-in">
                    <div class="bg-white rounded-3xl p-8 shadow-xl border border-emerald-100 relative overflow-hidden">
                        <div class="absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-emerald-400 to-gold-400"></div>
                        
                        <div class="text-6xl mb-6 animate-bounce-slow ${colorClass}">
                            <i class="fas ${icon}"></i>
                        </div>
                        
                        <h2 class="text-xl font-medium text-gray-500 mb-2 font-tajawal">نتيجتك هي</h2>
                        <h1 class="text-3xl md:text-4xl font-bold text-emerald-900 mb-6 font-tajawal">${title}</h1>

                        <div class="bg-emerald-50 rounded-xl p-5 mb-6 border border-emerald-100 text-right">
                             <div class="flex items-center gap-2 mb-3">
                                <i class="fas fa-quote-right text-emerald-300"></i>
                                <h3 class="font-bold text-emerald-800">تحليل الشخصية</h3>
                             </div>
                             <p class="text-gray-700 leading-relaxed font-tajawal">${desc}</p>
                        </div>
                        
                        <div class="bg-gold-50 rounded-xl p-5 mb-8 border border-gold-100 text-right">
                             <div class="flex items-center gap-2 mb-3">
                                <i class="fas fa-lightbulb text-gold-500"></i>
                                <h3 class="font-bold text-gold-800">نصيحة الأكاديمية</h3>
                             </div>
                             <p class="text-gray-700 leading-relaxed font-tajawal italic">${advice}</p>
                        </div>

                        <button onclick="location.reload()" class="w-full bg-emerald-600 hover:bg-emerald-700 text-white font-bold py-4 rounded-xl shadow-lg transition-all flex items-center justify-center gap-2 font-tajawal group">
                            <i class="fas fa-redo group-hover:rotate-180 transition-transform duration-500"></i>
                            <span>إعادة الاختبار</span>
                        </button>
                    </div>
                </div>
            `;
        }

        // Modal Logic
        function toggleCriteria(show) {
            const modal = document.getElementById('criteria-modal');
            const bg = document.getElementById('modal-bg');
            const content = document.getElementById('modal-content');
            
            if (show) {
                modal.classList.remove('hidden');
                setTimeout(() => {
                    bg.classList.remove('opacity-0');
                    content.classList.remove('scale-95', 'opacity-0');
                    content.classList.add('scale-100', 'opacity-100');
                }, 10);
            } else {
                bg.classList.add('opacity-0');
                content.classList.remove('scale-100', 'opacity-100');
                content.classList.add('scale-95', 'opacity-0');
                setTimeout(() => {
                    modal.classList.add('hidden');
                }, 300);
            }
        }

        // تشغيل التطبيق
        initApp();
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div>
		<p>ظهرت المقالة <a href="https://mrsameh.com/%d8%a7%d9%84%d9%88%d8%ac%d8%af%d9%87-%d8%a7%d9%84%d8%a3%d8%ae%d8%b1-%d9%84%d9%84%d8%a3%d9%86%d8%a7%d9%86%d9%8a%d8%a9/">🚀 اختبار ذكي يحدد نمط شخصيتك بدقة</a> أولاً على <a href="https://mrsameh.com">أكاديمية سامح أبورحاب</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mrsameh.com/%d8%a7%d9%84%d9%88%d8%ac%d8%af%d9%87-%d8%a7%d9%84%d8%a3%d8%ae%d8%b1-%d9%84%d9%84%d8%a3%d9%86%d8%a7%d9%86%d9%8a%d8%a9/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
