[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog_Why-do-I-feel-sadness-without-a-reason":3},{"blog":4},{"data":5},{"isLiked":6,"id":7,"likesCount":8,"coverImage":9,"slug":10,"arTitle":11,"arContent":12,"enContent":13,"createdAt":14,"updatedAt":15,"enTitle":16,"socialMediaImage":17,"thumbnailAltText":18,"primaryKeyword":19,"LSIKeywords":20,"feedback":23,"metaTitle":24,"metaDescription":25,"arMetaDescription":26,"arMetaTitle":27,"estimatedReadingTime":28,"reviewer":29,"writer":53,"disorders":64,"disorderGroups":74,"tags":23},false,"089f352c-47c9-485f-88f6-4a8feee5fa11",41,"blog-cover/1706455084893-Tatmeen-156.jpg","Why-do-I-feel-sadness-without-a-reason","لماذا أشعر بالحزن بلا سبب؟","\u003Cp>لماذا أشعر بالحزن بلا سبب؟ هذا سؤال محير، فالحزن بطبيعته له أسباب واضحة في حالات كثيرة، لكن هناك حالات يشعر فيها الإنسان بالحزن وقد يصل لحد البكاء والاكتئاب لكن بدون سبب واضح، وقد يظل يفكر ويبحث عن الأسباب التي أدت به إلى هذه الحالة ليصل في النهاية أنه لا يوجد سبب مباشر لمشاعره الحزينة ويظن أن حزنه بلا سبب وبكائه بلا هدف، مما قد يعقد المشكلة ويفقده الثقة في نفسه وفي أحاسيسه، لكن علم النفس له رأي آخر في تفسير هذه الحالة النفسية شديدة الحساسية وهذا ما سوف يوضحه المقال التالي.\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Ch2>الحزن بدون سبب في علم النفس\u003C/h2>\u003Cp>في أوقات كثيرة تمر على الإنسان مواقف يسأل فيها نفسه ” لماذا أشعر بالحزن بلا سبب ” ويحاول البحث عن سبب كآبته مما يدفعه للعزلة والابتعاد عن المحيطين لإخفاء ما وصل إليه من معاناة وألم.\u003C/p>\u003Cp>ويرصد علماء النفس علامات كثيرة تتزامن مع الشعور بالحزن والتي لا يجد لها الشخص تفسير مباشر، حيث يشعر برغبة ملحة في الصراخ بصوت مرتفع مع بكاء مفاجيء.\u003C/p>\u003Cp>كما يشعر بحالة من عدم الرضا والراحة، تتملكه رغبة قوية في إيذاء نفسه أو المحيطين به، يعاني من شعور بالذنب وعدم حب للحياة .\u003C/p>\u003Cp>كل هذه المشاعر الحزينة يرى علم النفس أن وراءها أسباب كثيرة يغفلها المصاب بها ويعتقد أنها بلا سبب، ولكن الاسترشاد بالمعالج النفسي تساعده على وضع يديه على الأسباب ومن ثم علاجها ليعود الشخص لطبيعته.\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Ch2>الحزن المفاجيء\u003C/h2>\u003Cp>الحزن المفاجئ الذي ينتاب الإنسان قد يكون إما بسبب واضح أو لأسباب خفية تحتاج لمجهود من أجل اكتشافها.\u003C/p>\u003Cp>وأهم أسباب الحزن المفاجئ ما يلي:\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Cdiv content=\"<div id="tatmeen-assessment-wrapper" dir="rtl">\n  <style>\n    #tatmeen-assessment-wrapper {\n      /* New Premium, Calm Color Palette */\n      --t-brand: #0F172A; /* Deep slate/navy for text */\n      --t-brand-light: #475569;\n      --t-accent: #3B82F6; /* Calming reliable blue */\n      --t-accent-hover: #2563EB;\n      --t-accent-bg: #EFF6FF;\n      --t-bg-main: #FFFFFF;\n      --t-bg-off: #F8FAFC;\n      --t-border: #E2E8F0;\n      \n      /* Semantic Colors for Results */\n      --t-success: #10B981;\n      --t-warning: #F59E0B;\n      --t-danger: #E11D48;\n      \n      --t-radius-xl: 32px;\n      --t-radius-lg: 20px;\n      --t-radius-md: 14px;\n      --t-radius-sm: 8px;\n      \n      /* Optimized native font stack for Arabic */\n      --t-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;\n      \n      max-width: 640px;\n      margin: 2rem auto;\n      font-family: var(--t-font);\n      color: var(--t-brand);\n      background: var(--t-bg-main);\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: var(--t-radius-xl);\n      box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08);\n      overflow: hidden;\n      line-height: 1.8;\n      position: relative;\n    }\n\n    #tatmeen-assessment-wrapper * { box-sizing: border-box; }\n\n    /* Typography */\n    .t-h1 { font-size: 1.75rem; font-weight: 800; margin: 0 0 1rem 0; color: var(--t-brand); text-align: center; letter-spacing: -0.5px;}\n    .t-h2 { font-size: 1.25rem; font-weight: 700; margin: 0 0 1rem 0; color: var(--t-brand); }\n    .t-p { font-size: 1.05rem; margin: 0 0 1.25rem 0; color: var(--t-brand-light); text-align: center; }\n    .t-text-small { font-size: 0.9rem; color: var(--t-brand-light); }\n\n    /* Logos */\n    .t-logo-main {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 1.5rem auto;\n      display: block;\n      object-fit: contain;\n    }\n\n    /* Layout & Animations */\n    .t-screen { display: none; padding: 3rem 2.5rem; animation: t-slide-up 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    .t-screen.t-active { display: block; }\n    \n    @keyframes t-slide-up {\n      from { opacity: 0; transform: translateY(15px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    /* Buttons */\n    .t-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      padding: 1.15rem 1.5rem;\n      font-size: 1.1rem;\n      font-weight: 700;\n      font-family: inherit;\n      border: none;\n      border-radius: var(--t-radius-lg);\n      cursor: pointer;\n      transition: all 0.25s ease;\n      text-decoration: none;\n      gap: 0.5rem;\n    }\n    .t-btn-primary { \n      background: var(--t-accent); \n      color: #FFFFFF; \n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.25);\n    }\n    .t-btn-primary:hover { \n      background: var(--t-accent-hover); \n      transform: translateY(-2px); \n      box-shadow: 0 12px 24px rgba(59, 130, 246, 0.3); \n    }\n    .t-btn-primary:active { transform: translateY(0); }\n    .t-btn-primary:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }\n    \n    .t-btn-outline { \n      background: var(--t-bg-off); \n      color: var(--t-brand); \n      border: 1px solid var(--t-border); \n    }\n    .t-btn-outline:hover { \n      background: #E2E8F0; \n      border-color: #CBD5E1; \n    }\n\n    .t-btn-group { display: flex; gap: 1rem; margin-top: 1.5rem; }\n    @media (max-width: 480px) { .t-btn-group { flex-direction: column; gap: 0.75rem; } }\n\n    /* Question Screen */\n    .t-header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }\n    .t-progress-container {\n      flex-grow: 1;\n      background: var(--t-border);\n      height: 6px;\n      border-radius: 3px;\n      overflow: hidden;\n      direction: rtl;\n      margin-right: 1.5rem;\n    }\n    .t-progress-bar {\n      height: 100%;\n      background: var(--t-accent);\n      width: 0%;\n      transition: width 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\n      border-radius: 3px;\n    }\n    .t-question-context {\n      font-weight: 600;\n      color: var(--t-accent);\n      margin-bottom: 0.5rem;\n      display: block;\n      font-size: 0.95rem;\n    }\n    .t-question-text { \n      font-size: 1.5rem; \n      font-weight: 800; \n      margin-bottom: 2.5rem; \n      line-height: 1.4; \n      color: var(--t-brand); \n    }\n    \n    /* Options (Modern App-like feel) */\n    .t-options-grid { display: flex; flex-direction: column; gap: 0.85rem; }\n    .t-option { position: relative; }\n    .t-option input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }\n    .t-option label {\n      display: flex;\n      align-items: center;\n      padding: 1.15rem 1.5rem;\n      background: var(--t-bg-off);\n      border: 2px solid transparent;\n      border-radius: var(--t-radius-md);\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 1.05rem;\n      color: var(--t-brand-light);\n      transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n    .t-option input[type="radio"]:checked + label {\n      background: var(--t-accent-bg);\n      border-color: var(--t-accent);\n      color: var(--t-accent-hover);\n      font-weight: 700;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n      transform: scale(1.01);\n    }\n    .t-option label:hover { background: #E2E8F0; color: var(--t-brand); }\n    \n    /* Results Screen */\n    .t-score-card {\n      background: var(--t-bg-off);\n      border-radius: var(--t-radius-xl);\n      padding: 3rem 2rem;\n      text-align: center;\n      margin-bottom: 2.5rem;\n      position: relative;\n      border: 1px solid var(--t-border);\n    }\n    .t-score-value {\n      font-size: 4.5rem;\n      font-weight: 900;\n      color: var(--t-brand);\n      line-height: 1;\n      margin-bottom: 0.5rem;\n      display: flex;\n      align-items: baseline;\n      justify-content: center;\n      gap: 0.5rem;\n      direction: rtl;\n      letter-spacing: -2px;\n    }\n    .t-score-max { font-size: 1.25rem; color: var(--t-brand-light); font-weight: 600; letter-spacing: normal;}\n    .t-score-label { font-size: 1.25rem; font-weight: 800; margin-top: 1rem;}\n    \n    /* Meter */\n    .t-meter-wrapper { margin-top: 2.5rem; position: relative; direction: rtl; padding: 0 5px;}\n    .t-meter-track {\n      display: flex;\n      height: 8px;\n      border-radius: 4px;\n      overflow: hidden;\n      background: var(--t-border);\n      flex-direction: row;\n      gap: 3px;\n    }\n    .t-meter-segment { flex: 1; opacity: 0.15; transition: opacity 0.3s ease; }\n    .t-meter-segment.active { opacity: 1; }\n    .t-meter-marker {\n      position: absolute;\n      top: -6px;\n      width: 6px;\n      height: 20px;\n      background: var(--t-brand);\n      border-radius: 3px;\n      transition: right 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n      box-shadow: 0 0 0 4px var(--t-bg-off);\n    }\n\n    /* Result Content */\n    .t-result-section { margin-bottom: 2.5rem; padding: 0 0.5rem; }\n    .t-result-section .t-p { text-align: right; color: var(--t-brand); font-size: 1.1rem;}\n    .t-steps-list { list-style: none; padding: 0; margin: 0; }\n    .t-steps-list li {\n      position: relative;\n      padding-right: 2rem;\n      margin-bottom: 1.25rem;\n      color: var(--t-brand-light);\n      line-height: 1.7;\n      font-size: 1.05rem;\n    }\n    .t-steps-list li::before {\n      content: "✓";\n      position: absolute;\n      right: 0;\n      top: 2px;\n      color: var(--t-accent);\n      font-weight: bold;\n      font-size: 1.2rem;\n    }\n\n    /* Premium CTA Card */\n    .t-cta-card {\n      background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);\n      border-radius: var(--t-radius-xl);\n      padding: 2.5rem 2rem;\n      text-align: center;\n      margin-top: 3rem;\n      color: #FFFFFF;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2);\n    }\n    .t-cta-card::after {\n      content: "";\n      position: absolute;\n      top: 0; right: 0; bottom: 0; left: 0;\n      background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.15) 0%, transparent 60%);\n      pointer-events: none;\n    }\n    .t-cta-logo { \n      width: 56px; \n      height: 56px; \n      margin: 0 auto 1.25rem auto; \n      display: block; \n      position: relative; \n      z-index: 2;\n      object-fit: contain;\n    }\n    .t-cta-card .t-h2 { color: #FFFFFF; font-size: 1.4rem; margin-bottom: 0.75rem; position: relative; z-index: 2;}\n    .t-cta-card .t-p { color: #94A3B8; font-size: 1.05rem; text-align: center; margin-bottom: 1.5rem; position: relative; z-index: 2; line-height: 1.6;}\n    \n    .t-promo-box {\n      background: rgba(255,255,255,0.1);\n      border: 1px dashed rgba(255,255,255,0.3);\n      padding: 1rem;\n      border-radius: var(--t-radius-md);\n      margin-bottom: 2rem;\n      position: relative;\n      z-index: 2;\n      backdrop-filter: blur(4px);\n    }\n    .t-promo-box p { margin: 0; color: #E2E8F0; font-size: 1rem;}\n    .t-promo-code { color: #FCD34D; font-weight: 800; font-size: 1.2rem; margin: 0 0.25rem; }\n\n    /* Footer */\n    .t-footer {\n      padding: 1.5rem 2.5rem;\n      background: var(--t-bg-main);\n      text-align: center;\n      border-top: 1px solid var(--t-border);\n      color: #94A3B8;\n      font-size: 0.85rem;\n    }\n\n    @media (max-width: 480px) {\n      .t-screen { padding: 2rem 1.5rem; }\n      .t-score-value { font-size: 3.5rem; }\n      .t-cta-card { padding: 2rem 1.5rem; }\n    }\n  </style>\n\n  <svg style="display: none;" xmlns="http://www.w3.org/2000/svg">\n    <symbol id="t-icon-share" viewBox="0 0 24 24">\n      <path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z" fill="currentColor"/>\n    </symbol>\n  </svg>\n\n  <div id="t-screen-intro" class="t-screen t-active">\n    <img src="https://tatmeen.sa/Logo-icon.svg" alt="تطمين" class="t-logo-main">\n    <h1 class="t-h1">اختبار التوتر النفسي</h1>\n    <p class="t-p" style="margin-bottom: 2.5rem;">أداة علمية صُممت لمساعدتك في قياس مستوى الضغط النفسي الذي تعرضت له خلال الشهر الماضي، لفهم مشاعرك وإدارتها بشكل أفضل.</p>\n    \n    <div style="background: var(--t-bg-off); padding: 1.25rem 1.5rem; border-radius: var(--t-radius-lg); margin-bottom: 2.5rem; border: 1px solid var(--t-border);">\n      <p class="t-text-small" style="margin: 0; color: var(--t-brand-light); text-align: right;">\n        🔒 <strong style="color: var(--t-brand);">خصوصيتك أولاً:</strong> هذا التقييم مخصص لوعيك الذاتي. لا يتم حفظ إجاباتك أو إرسالها لأي جهة، وتبقى بأمان تام على جهازك.\n      </p>\n    </div>\n    \n    <button class="t-btn t-btn-primary" onclick="TatmeenAssessment.start()">ابدأ التقييم الآن</button>\n  </div>\n\n  <div id="t-screen-quiz" class="t-screen">\n    <div class="t-header-top">\n      <span id="t-counter" class="t-text-small" style="font-weight: 700; color: var(--t-brand-light); white-space: nowrap;"></span>\n      <div class="t-progress-container" aria-hidden="true">\n        <div id="t-progress" class="t-progress-bar"></div>\n      </div>\n    </div>\n    \n    <span class="t-question-context">خلال الشهر الماضي...</span>\n    <h2 id="t-question-text" class="t-question-text"></h2>\n    \n    <div class="t-options-grid" id="t-options-container">\n      </div>\n    \n    <div style="margin-top: 2.5rem;">\n      <button id="t-btn-next" class="t-btn t-btn-primary" disabled onclick="TatmeenAssessment.next()">متابعة</button>\n    </div>\n  </div>\n\n  <div id="t-screen-result" class="t-screen">\n    <div class="t-score-card">\n      <div class="t-score-label" style="color: var(--t-brand-light); font-weight: 600; font-size: 1rem; margin-top:0; margin-bottom:0.5rem;">النتيجة الإجمالية</div>\n      <div class="t-score-value">\n        <span id="t-score-display">٠</span>\n        <span class="t-score-max">/ ٤٠</span>\n      </div>\n      <div class="t-score-label" id="t-band-label">...</div>\n      \n      <div class="t-meter-wrapper">\n        <div class="t-meter-track">\n          <div class="t-meter-segment" style="background: var(--t-success);" id="t-seg-low"></div>\n          <div class="t-meter-segment" style="background: var(--t-warning);" id="t-seg-mod"></div>\n          <div class="t-meter-segment" style="background: var(--t-danger);" id="t-seg-high"></div>\n        </div>\n        <div class="t-meter-marker" id="t-meter-marker"></div>\n      </div>\n    </div>\n\n    <div class="t-result-section">\n      <h3 class="t-h2">قراءة في نتيجتك</h3>\n      <p class="t-p" id="t-result-desc" style="line-height: 1.8;"></p>\n    </div>\n\n    <div class="t-result-section">\n      <h3 class="t-h2">نصائح عملية</h3>\n      <ul class="t-steps-list" id="t-result-steps">\n        </ul>\n    </div>\n\n    <div class="t-btn-group" style="margin-bottom: 3rem;">\n      <button class="t-btn t-btn-outline" onclick="TatmeenAssessment.shareResult()" style="background: var(--t-bg-main);">\n        <svg width="20" height="20"><use href="#t-icon-share" /></svg>\n        حفظ أو مشاركة\n      </button>\n      <button class="t-btn t-btn-outline" onclick="TatmeenAssessment.restart()" style="border: none; background: transparent; color: var(--t-brand-light);">\n        إعادة الاختبار\n      </button>\n    </div>\n\n    <div class="t-cta-card">\n      <img src="https://tatmeen.sa/Logo-icon.svg" alt="تطمين" class="t-cta-logo">\n      <h3 class="t-h2">ابدأ التحدث مع مختص الآن</h3>\n      <p class="t-p">لا داعي للانتظار. يمكنك حجز جلستك والبدء أونلاين بخصوصية تامة خلال 5 دقائق فقط.</p>\n      \n      <div class="t-promo-box">\n        <p>🎁 استخدم كود <span class="t-promo-code">سلامتك</span> للحصول على خصم 50% على جلستك الأولى.</p>\n      </div>\n\n      <a href="http://tatmeen.sa/download" target="_blank" rel="noopener noreferrer" class="t-btn t-btn-primary" style="background: #FFFFFF; color: #0F172A; position: relative; z-index: 2; border-radius: 50px;">\n        حمّل تطبيق تطمين\n      </a>\n    </div>\n  </div>\n\n  <div class="t-footer">\n    مقياس التوتر النفسي المدرك (PSS-10). هذه الأداة للوعي الذاتي ولا تغني عن الاستشارة المهنية.\n  </div>\n\n  <script>\n    const TatmeenAssessment = (function() {\n      // Utilities\n      const toArabicDigits = (num) => String(num).replace(/\\d/g, d => '٠١٢٣٤٥٦٧٨٩'[d]);\n\n      // Instrument Data (PSS-10)\n      const questions = [\n        { text: "هل شعرت بالانزعاج بسبب حدوث أمر غير متوقع؟", reverse: false },\n        { text: "هل شعرت بعدم القدرة على السيطرة على الأمور المهمة في حياتك؟", reverse: false },\n        { text: "هل شعرت بالتوتر والضغط النفسي؟", reverse: false },\n        { text: "هل شعرت بالثقة في قدرتك على التعامل مع مشاكلك الشخصية؟", reverse: true },\n        { text: "هل شعرت أن الأمور تسير لصالحك؟", reverse: true },\n        { text: "هل شعرت بأنك غير قادر على التعامل مع كل الأشياء التي يجب عليك القيام بها؟", reverse: false },\n        { text: "هل تمكنت من السيطرة على مصادر الإزعاج في حياتك؟", reverse: true },\n        { text: "هل شعرت بأنك مسيطر على الأمور؟", reverse: true },\n        { text: "هل شعرت بالغضب بسبب حدوث أشياء خارجة عن إرادتك؟", reverse: false },\n        { text: "هل شعرت أن الصعوبات تتراكم لدرجة أنك لا تستطيع التغلب عليها؟", reverse: false }\n      ];\n\n      const options = [\n        { label: "أبداً", value: 0 },\n        { label: "نادراً", value: 1 },\n        { label: "أحياناً", value: 2 },\n        { label: "غالباً", value: 3 },\n        { label: "دائماً", value: 4 }\n      ];\n\n      // State\n      let currentIndex = 0;\n      let answers = new Array(questions.length).fill(null);\n      let lastScore = 0;\n      let lastBandTitle = '';\n\n      // DOM Elements\n      const screens = {\n        intro: document.getElementById('t-screen-intro'),\n        quiz: document.getElementById('t-screen-quiz'),\n        result: document.getElementById('t-screen-result')\n      };\n      \n      const elQuestionText = document.getElementById('t-question-text');\n      const elOptionsContainer = document.getElementById('t-options-container');\n      const elProgress = document.getElementById('t-progress');\n      const elCounter = document.getElementById('t-counter');\n      const elBtnNext = document.getElementById('t-btn-next');\n\n      function showScreen(screenKey) {\n        Object.values(screens).forEach(s => s.classList.remove('t-active'));\n        screens[screenKey].classList.add('t-active');\n      }\n\n      function start() {\n        currentIndex = 0;\n        answers = new Array(questions.length).fill(null);\n        renderQuestion();\n        showScreen('quiz');\n      }\n\n      function renderQuestion() {\n        const q = questions[currentIndex];\n        elQuestionText.textContent = q.text;\n        elCounter.textContent = `${toArabicDigits(currentIndex + 1)} / ${toArabicDigits(questions.length)}`;\n        \n        elProgress.style.width = `${((currentIndex) / questions.length) * 100}%`;\n        elBtnNext.disabled = answers[currentIndex] === null;\n\n        elOptionsContainer.innerHTML = '';\n        options.forEach((opt, idx) => {\n          const id = `t-opt-${idx}`;\n          const isChecked = answers[currentIndex] === opt.value;\n          \n          const wrapper = document.createElement('div');\n          wrapper.className = 't-option';\n          \n          const input = document.createElement('input');\n          input.type = 'radio';\n          input.name = 't-answer';\n          input.id = id;\n          input.value = opt.value;\n          input.checked = isChecked;\n          input.addEventListener('change', () => handleSelect(opt.value));\n          \n          const label = document.createElement('label');\n          label.setAttribute('for', id);\n          label.textContent = opt.label;\n          \n          wrapper.appendChild(input);\n          wrapper.appendChild(label);\n          elOptionsContainer.appendChild(wrapper);\n        });\n      }\n\n      function handleSelect(val) {\n        answers[currentIndex] = val;\n        elBtnNext.disabled = false;\n        setTimeout(() => {\n          if(answers[currentIndex] !== null && currentIndex < questions.length - 1) {\n             next();\n          }\n        }, 300); // Quick automatic advance for smooth UX\n      }\n\n      function next() {\n        if (answers[currentIndex] === null) return;\n        if (currentIndex < questions.length - 1) {\n          currentIndex++;\n          renderQuestion();\n        } else {\n          calculateResults();\n        }\n      }\n\n      function calculateResults() {\n        let totalScore = 0;\n        answers.forEach((ans, idx) => {\n          const q = questions[idx];\n          if (q.reverse) {\n            totalScore += (4 - ans);\n          } else {\n            totalScore += ans;\n          }\n        });\n        showResults(totalScore);\n      }\n\n      function showResults(score) {\n        lastScore = score;\n        document.getElementById('t-score-display').textContent = toArabicDigits(score);\n        \n        let desc = '';\n        let steps = [];\n        let markerPos = (score / 40) * 100;\n        let activeColor = '';\n\n        // Marker position in RTL\n        document.getElementById('t-meter-marker').style.right = `calc(${markerPos}% - 3px)`;\n        \n        // Reset active state\n        document.getElementById('t-seg-low').classList.remove('active');\n        document.getElementById('t-seg-mod').classList.remove('active');\n        document.getElementById('t-seg-high').classList.remove('active');\n\n        if (score <= 13) {\n          lastBandTitle = "مستوى التوتر: طبيعي";\n          activeColor = "var(--t-success)";\n          document.getElementById('t-seg-low').classList.add('active');\n          \n          desc = "يبدو أنك تتعامل مع ضغوط الحياة اليومية بفعالية. التوتر في هذا النطاق يُعد طبيعياً ومقبولاً، بل قد يكون دافعاً إيجابياً لإنجاز المهام ومواجهة التحديات بشكل صحي.";\n          steps = [\n            "حافظ على روتينك الحالي، فهو يدعم استقرارك النفسي بشكل ملحوظ.",\n            "استمر في تخصيص وقت للراحة والأنشطة التي تمنحك السعادة."\n          ];\n        } else if (score <= 26) {\n          lastBandTitle = "مستوى التوتر: متوسط";\n          activeColor = "var(--t-warning)";\n          document.getElementById('t-seg-mod').classList.add('active');\n          \n          desc = "تعكس نتيجتك وجود ضغوط متراكمة في حياتك حالياً. رغم أن هذا المستوى شائع ويمر به الكثيرون، إلا أنه يُعد إشارة لطيفة من جسدك وعقلك للحاجة إلى أخذ استراحة وتخفيف العبء.";\n          steps = [\n            "حاول تحديد المواقف التي تستنزف طاقتك وتقليلها قدر الإمكان.",\n            "مارس تمارين التنفس العميق أو الاسترخاء لبضع دقائق يومياً.",\n            "مشاركة ما تشعر به مع شخص تثق به قد يخفف من حدة الضغط النفسي."\n          ];\n        } else {\n          lastBandTitle = "مستوى التوتر: مرتفع";\n          activeColor = "var(--t-danger)";\n          document.getElementById('t-seg-high').classList.add('active');\n          \n          desc = "تشير النتيجة إلى أنك تمر بفترة من الضغط النفسي المرتفع الذي قد يؤثر على راحتك الجسدية والنفسية. من المهم جداً ألا تتجاهل هذه المشاعر وأن تضع صحتك النفسية كأولوية قصوى الآن.";\n          steps = [\n            "امنح نفسك حق الراحة فوراً وقلل من الالتزامات غير الضرورية.",\n            "الخطوة الأفضل والأكثر فعالية الآن هي التحدث مع مختص نفسي لمساعدتك على تفريغ هذه الضغوط بشكل صحي.",\n            "ركز على الأساسيات: جودة النوم، التغذية، والابتعاد المؤقت عن مصادر الإرهاق."\n          ];\n        }\n\n        document.getElementById('t-band-label').textContent = lastBandTitle;\n        document.getElementById('t-band-label').style.color = activeColor;\n        document.getElementById('t-result-desc').textContent = desc;\n        \n        const elSteps = document.getElementById('t-result-steps');\n        elSteps.innerHTML = '';\n        steps.forEach(step => {\n          const li = document.createElement('li');\n          li.textContent = step;\n          elSteps.appendChild(li);\n        });\n\n        elProgress.style.width = '100%';\n\n        setTimeout(() => {\n          showScreen('result');\n          window.scrollTo({ top: document.getElementById('tatmeen-assessment-wrapper').offsetTop - 20, behavior: 'smooth' });\n        }, 150);\n      }\n\n      // Elegant Canvas image generator for sharing\n      function shareResult() {\n        const canvas = document.createElement('canvas');\n        canvas.width = 1080;\n        canvas.height = 1080;\n        const ctx = canvas.getContext('2d');\n        \n        // Base Background\n        ctx.fillStyle = '#FFFFFF';\n        ctx.fillRect(0, 0, 1080, 1080);\n        \n        // Soft gradient overlay\n        const grad = ctx.createLinearGradient(0, 0, 1080, 1080);\n        grad.addColorStop(0, '#F8FAFC');\n        grad.addColorStop(1, '#EFF6FF');\n        ctx.fillStyle = grad;\n        ctx.fillRect(0, 0, 1080, 1080);\n\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'middle';\n        ctx.direction = 'rtl';\n        \n        // Title\n        ctx.fillStyle = '#0F172A';\n        ctx.font = 'bold 50px system-ui, -apple-system, sans-serif';\n        ctx.fillText('نتيجة تقييم التوتر النفسي', 540, 180);\n        \n        // Score Circle\n        ctx.fillStyle = '#FFFFFF';\n        ctx.shadowColor = 'rgba(15, 23, 42, 0.08)';\n        ctx.shadowBlur = 50;\n        ctx.shadowOffsetY = 20;\n        ctx.beginPath();\n        ctx.arc(540, 500, 240, 0, Math.PI * 2);\n        ctx.fill();\n        ctx.shadowColor = 'transparent';\n\n        // Score Text\n        ctx.fillStyle = '#0F172A';\n        ctx.font = 'bold 180px system-ui, -apple-system, sans-serif';\n        ctx.fillText(toArabicDigits(lastScore), 540, 480);\n        \n        ctx.fillStyle = '#64748B';\n        ctx.font = 'bold 36px system-ui, -apple-system, sans-serif';\n        ctx.fillText('من ' + toArabicDigits(40), 540, 620);\n        \n        // Band Label\n        let bandColor = '#10B981'; // low\n        if(lastScore > 13) bandColor = '#F59E0B'; // mod\n        if(lastScore > 26) bandColor = '#E11D48'; // high\n\n        ctx.fillStyle = bandColor;\n        ctx.font = 'bold 60px system-ui, -apple-system, sans-serif';\n        ctx.fillText(lastBandTitle, 540, 840);\n        \n        // Footer Bottom Bar\n        ctx.fillStyle = '#0F172A';\n        ctx.fillRect(0, 980, 1080, 100);\n\n        ctx.fillStyle = '#FFFFFF';\n        ctx.font = 'bold 32px system-ui, -apple-system, sans-serif';\n        ctx.fillText('تطمين | مساحتك الآمنة للتحدث', 540, 1030);\n\n        // Export and Share\n        canvas.toBlob(function(blob) {\n          const file = new File([blob], "tatmeen-result.png", { type: "image/png" });\n          \n          if (navigator.canShare && navigator.canShare({ files: [file] })) {\n            navigator.share({\n              title: 'نتيجتي في تقييم التوتر',\n              files: [file]\n            }).catch(() => downloadBlob(blob));\n          } else {\n            downloadBlob(blob);\n          }\n        }, 'image/png');\n      }\n\n      function downloadBlob(blob) {\n        const url = URL.createObjectURL(blob);\n        const a = document.createElement('a');\n        a.href = url;\n        a.download = "tatmeen-result.png";\n        document.body.appendChild(a);\n        a.click();\n        document.body.removeChild(a);\n        URL.revokeObjectURL(url);\n      }\n\n      function restart() {\n        start();\n        window.scrollTo({ top: document.getElementById('tatmeen-assessment-wrapper').offsetTop - 20, behavior: 'smooth' });\n      }\n\n      return { start, next, restart, shareResult };\n    })();\n  </script>\n</div>\" data-type=\"html-block\">\u003C/div>\u003Cul>\u003Cli>\u003Cp>فقدان مفاجئ لشخص عزيز أو حبيب من العائلة أو المقربين، سواء بسبب الفراق أو الموت.\u003C/p>\u003C/li>\u003Cli>\u003Cp>التعرض لصدمة نفسية أو موقف مُحرج.\u003C/p>\u003C/li>\u003Cli>\u003Cp>الاكتئاب الموسمي الذي يسبب الحزن في فصول معينة كالشتاء أو الخريف.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تناول الشخص لأدوية لها أعراضًا جانبية تسبب الحزن، مثل أدوية علاج حبوب الشباب والأدوية المضادة للفيروسات.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تناول المشروبات الكحولية والعقاقير المخدرة يسبب الدخول في نوبات اكتئاب.\u003C/p>\u003C/li>\u003Cli>\u003Cp>اكتشاف الإصابة بمرض خطير يؤثر على حالة الشخص النفسية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تعرض الإنسان لعنف لفظي أو جسدي .\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>هل الشعور بالحزن المستمر يحتاج لعلاج؟\u003C/h2>\u003Cp>الشعور بالحزن بشكل مستمر لا يعتبر مرضًا في حد ذاته ولكنه عَرَض لمشكلات أخرى سواء نفسية أو عضوية، لذا فإنه يجب أن يتم الاهتمام بهذه الأعراض وأخذها بمحمل الجد وعدم إهمالها ومتابعتها ومعرفة جدولها الزمني وأوقات تكرارها.\u003C/p>\u003Cp>مع رصد الأعراض الأخرى التي تصاحب الشعور بالحزن، لأن تزامنها مع أعراض أخرى يساعد في تشخيص الحالة.\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Ch2>أعراض الحزن والكآبة\u003C/h2>\u003Cp> هناك أعراض للحزن والكآبة تظهر بشكل تدريجي ومتزامن، يجب تتبع هذه الأعراض فهي تعتبر وسيلة للكشف عن السبب الحقيقي وراء هذه المشاعر.\u003C/p>\u003Cp>ومن هذه الأعراض ما يلي:\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Cul>\u003Cli>\u003Cp>يشعر الشخص بانعدام الطاقة وعدم الرغبة في القيام بأي نشاط.\u003C/p>\u003C/li>\u003Cli>\u003Cp>شعور بالتعب والإرهاق والكسل.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يعاني الشخص من مشاعر اليأس والإحباط الشعور بالضيق والاكتئاب.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يفقد القدرة على التركيز وينصب اهتمامه فقط على مشاعره الحزينة.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يرفض تناول الطعام وتتأثر الشهية والوزن بشكل ملحوظ.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يعاني من الأرق وتضطرب ساعات نومه.\u003C/p>\u003C/li>\u003Cli>\u003Cp>فقدان الشغف وقلة الاهتمام بالهوايات والأنشطة اليومية.\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>البكاء بدون سبب في علم النفس\u003C/h2>\u003Cp>مشاعر الحزن العميقة التي يحاول الشخص البحث عن سبب لها، عادة تتزامن مع بكاء سريع ناتج عن مشاعر حساسة ومُرهفة، فيجد الشخص دموعه تنمهر على أتفه الأسباب.\u003C/p>\u003Cp>وعند السؤال لماذا أشعر بالحزن بلا سبب تأتي الإجابة أنه توجد أسباب كثيرة تسبب هذه الحالة، إما أسباب عضوية نتيجة للمشكلات الصحية أو التغيرات الهرمونية.\u003C/p>\u003Cp>أو أسباب نفسية نتيجة المرور بضغوط حياتية والمعاناة من مؤثرات كثيرة تسبب الضغط العصبي وبالتالي تتنامى مشاعر الحزن التي تنتهي بالبكاء.\u003C/p>\u003Cp>لذا دعونا نتفق أنه لا يوجد حزن ولا البكاء بدون سبب واكتئاب بدون سبب، لكن الطبيب يبحث في النفس البشرية ويضع يديه على الأسباب الحقيقية لتبدأ رحلة العلاج.\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Ch2>الشعور بالضيق والاكتئاب بدون سبب\u003C/h2>\u003Cp>اتفقنا على أن سؤال لماذا أشعر بالحزن بلا سبب هو سؤال تلقائي يأتي من شخص يعاني من الحيرة الناتجة عن حالته النفسية السيئة، لكن الواقع أنه توجد مجموعة من الأسباب، وأهمها ما يلي:\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Cul>\u003Cli>\u003Cp>يحدث الحزن أحيانًا نتيجة معاناة الجسم من نقص بعض العناصر التي تؤدي إلى قلة إفراز الجسم للسيترونين والدوبامين، وبالتالي يحدث الاكتئاب.\u003C/p>\u003C/li>\u003Cli>\u003Cp>التعرض لضغوط ومشكلات يومية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>اضطراب ساعات النوم وعدم حصول الشخص على عدد ساعات نوم كافية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>كثرة الضغوط العصبية وتراكمها لدى الشخص وعدم التصريح بها وكتمانها، يسبب انفجار مفاجئ يأتي في شكل نوبات من الغضب والبكاء.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تعرض الإنسان للإجهاد والتعب البدني بشكل يفوق طاقته، وعدم حصوله على فترات من الراحة والاسترخاء تسبب عدم قدرته على التحمل.\u003C/p>\u003C/li>\u003Cli>\u003Cp>العادات الحياتية الخاطئة وعدم ممارسة الرياضة يسبب الشعور بالملل والكسل والروتين .\u003C/p>\u003C/li>\u003Cli>\u003Cp>العادات الغذائية الخاطئة والإفراط في تناول المأكولات الغير صحية يسبب تقلبات مزاجية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>الإفراط في التدخين وتناول المشروبات الكحولية والكافيين يسبب انحرافات مزاجية شديدة.\u003C/p>\u003C/li>\u003Cli>\u003Cp>سوء التغذية وعدم تناول المأكولات الغنية بالفيتامينات التي تعمل على تحسين الحالة النفسية، خاصة أحماض أوميجا 3، فيتامين ب، فيتامين دال، وفيتامين ج.\u003C/p>\u003C/li>\u003Cli>\u003Cp>الحياة مع أشخاص يعانون من مشكلات نفسية وتملئهم الطاقة السلبية التي تنتقل للمحيطين بهم.\u003C/p>\u003C/li>\u003C/ul>\u003Cp>الحزن بلا سبب هي مشاعر خفية موجودة داخل الإنسان يظن أنها غير موجودة ويتخيل أن حزنه بدون أسباب، لكن الطب النفسي يؤكد أنه لا يوجد حزن دون مسببات لأن المواقف التي تمر يوميًا تجعل العقل الباطن يرسل إشارات عصبية للعقل الواعي تخبره أن صاحبها يعاني من اكتئاب ما، وهنا تظهر علامات الحزن التي تدل على سلامة العقل الباطن، وأن الشخص في حاجة لمن يسمعه ويساعده للخروج من أزمته وطريقة تدله على طريقة للتخلص من الحزن.\u003C/p>\u003Cp>\u003Cbr>\u003C/p>\u003Cp>حمل تطبيق تطمين استشارات نفسية وأسرية أونلاين من تطمين من خلال أبل ستور أو قوقل بلاي وقم أيضا بالتسجيل في موقع الصحة النفسية تطمين للحصول على معلومات قيمة وأدوات عملية لتعزيز صحتك النفسية.\u003C/p>\u003Cp>\u003Cbr>\u003C/p>","\u003Cp>لماذا أشعر بالحزن بلا سبب؟ هذا سؤال محير، فالحزن بطبيعته له أسباب واضحة في حالات كثيرة، لكن هناك حالات يشعر فيها الإنسان بالحزن وقد يصل لحد البكاء والاكتئاب لكن بدون سبب واضح، وقد يظل يفكر ويبحث عن الأسباب التي أدت به إلى هذه الحالة ليصل في النهاية أنه لا يوجد سبب مباشر لمشاعره الحزينة ويظن أن حزنه بلا سبب وبكائه بلا هدف، مما قد يعقد المشكلة ويفقده الثقة في نفسه وفي أحاسيسه، لكن علم النفس له رأي آخر في تفسير هذه الحالة النفسية شديدة الحساسية وهذا ما سوف يوضحه المقال التالي.\u003C/p>\u003Cp>\u003C/p>\u003Ch2>الحزن بدون سبب في علم النفس\u003C/h2>\u003Cp>في أوقات كثيرة تمر على الإنسان مواقف يسأل فيها نفسه ” لماذا أشعر بالحزن بلا سبب ” ويحاول البحث عن سبب كآبته مما يدفعه للعزلة والابتعاد عن المحيطين لإخفاء ما وصل إليه من معاناة وألم.\u003C/p>\u003Cp>ويرصد علماء النفس علامات كثيرة تتزامن مع الشعور بالحزن والتي لا يجد لها الشخص تفسير مباشر، حيث يشعر برغبة ملحة في الصراخ بصوت مرتفع مع بكاء مفاجيء.\u003C/p>\u003Cp>كما يشعر بحالة من عدم الرضا والراحة، تتملكه رغبة قوية في إيذاء نفسه أو المحيطين به، يعاني من شعور بالذنب وعدم حب للحياة .\u003C/p>\u003Cp>كل هذه المشاعر الحزينة يرى علم النفس أن وراءها أسباب كثيرة يغفلها المصاب بها ويعتقد أنها بلا سبب، ولكن الاسترشاد بالمعالج النفسي تساعده على وضع يديه على الأسباب ومن ثم علاجها ليعود الشخص لطبيعته.\u003C/p>\u003Cp>\u003C/p>\u003Ch2>الحزن المفاجيء\u003C/h2>\u003Cp>الحزن المفاجئ الذي ينتاب الإنسان قد يكون إما بسبب واضح أو لأسباب خفية تحتاج لمجهود من أجل اكتشافها.\u003C/p>\u003Cp>وأهم أسباب الحزن المفاجئ ما يلي:\u003C/p>\u003Cp>\u003C/p>\u003Cul>\u003Cli>\u003Cp>فقدان مفاجئ لشخص عزيز أو حبيب من العائلة أو المقربين، سواء بسبب الفراق أو الموت.\u003C/p>\u003C/li>\u003Cli>\u003Cp>التعرض لصدمة نفسية أو موقف مُحرج.\u003C/p>\u003C/li>\u003Cli>\u003Cp>الاكتئاب الموسمي الذي يسبب الحزن في فصول معينة كالشتاء أو الخريف.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تناول الشخص لأدوية لها أعراضًا جانبية تسبب الحزن، مثل أدوية علاج حبوب الشباب والأدوية المضادة للفيروسات.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تناول المشروبات الكحولية والعقاقير المخدرة يسبب الدخول في نوبات اكتئاب.\u003C/p>\u003C/li>\u003Cli>\u003Cp>اكتشاف الإصابة بمرض خطير يؤثر على حالة الشخص النفسية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تعرض الإنسان لعنف لفظي أو جسدي .\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>هل الشعور بالحزن المستمر يحتاج لعلاج؟\u003C/h2>\u003Cp>الشعور بالحزن بشكل مستمر لا يعتبر مرضًا في حد ذاته ولكنه عَرَض لمشكلات أخرى سواء نفسية أو عضوية، لذا فإنه يجب أن يتم الاهتمام بهذه الأعراض وأخذها بمحمل الجد وعدم إهمالها ومتابعتها ومعرفة جدولها الزمني وأوقات تكرارها.\u003C/p>\u003Cp>مع رصد الأعراض الأخرى التي تصاحب الشعور بالحزن، لأن تزامنها مع أعراض أخرى يساعد في تشخيص الحالة.\u003C/p>\u003Cp>\u003C/p>\u003Ch2>أعراض الحزن والكآبة\u003C/h2>\u003Cp> هناك أعراض للحزن والكآبة تظهر بشكل تدريجي ومتزامن، يجب تتبع هذه الأعراض فهي تعتبر وسيلة للكشف عن السبب الحقيقي وراء هذه المشاعر.\u003C/p>\u003Cp>ومن هذه الأعراض ما يلي:\u003C/p>\u003Cp>\u003C/p>\u003Cul>\u003Cli>\u003Cp>يشعر الشخص بانعدام الطاقة وعدم الرغبة في القيام بأي نشاط.\u003C/p>\u003C/li>\u003Cli>\u003Cp>شعور بالتعب والإرهاق والكسل.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يعاني الشخص من مشاعر اليأس والإحباط الشعور بالضيق والاكتئاب.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يفقد القدرة على التركيز وينصب اهتمامه فقط على مشاعره الحزينة.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يرفض تناول الطعام وتتأثر الشهية والوزن بشكل ملحوظ.\u003C/p>\u003C/li>\u003Cli>\u003Cp>يعاني من الأرق وتضطرب ساعات نومه.\u003C/p>\u003C/li>\u003Cli>\u003Cp>فقدان الشغف وقلة الاهتمام بالهوايات والأنشطة اليومية.\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>البكاء بدون سبب في علم النفس\u003C/h2>\u003Cp>مشاعر الحزن العميقة التي يحاول الشخص البحث عن سبب لها، عادة تتزامن مع بكاء سريع ناتج عن مشاعر حساسة ومُرهفة، فيجد الشخص دموعه تنمهر على أتفه الأسباب.\u003C/p>\u003Cp>وعند السؤال لماذا أشعر بالحزن بلا سبب تأتي الإجابة أنه توجد أسباب كثيرة تسبب هذه الحالة، إما أسباب عضوية نتيجة للمشكلات الصحية أو التغيرات الهرمونية.\u003C/p>\u003Cp>أو أسباب نفسية نتيجة المرور بضغوط حياتية والمعاناة من مؤثرات كثيرة تسبب الضغط العصبي وبالتالي تتنامى مشاعر الحزن التي تنتهي بالبكاء.\u003C/p>\u003Cp>لذا دعونا نتفق أنه لا يوجد حزن ولا البكاء بدون سبب واكتئاب بدون سبب، لكن الطبيب يبحث في النفس البشرية ويضع يديه على الأسباب الحقيقية لتبدأ رحلة العلاج.\u003C/p>\u003Cdiv content=\"<div id="tatmeen-assessment-wrapper" dir="rtl">\n  <style>\n    #tatmeen-assessment-wrapper {\n      /* New Premium, Calm Color Palette */\n      --t-brand: #0F172A; /* Deep slate/navy for text */\n      --t-brand-light: #475569;\n      --t-accent: #3B82F6; /* Calming reliable blue */\n      --t-accent-hover: #2563EB;\n      --t-accent-bg: #EFF6FF;\n      --t-bg-main: #FFFFFF;\n      --t-bg-off: #F8FAFC;\n      --t-border: #E2E8F0;\n      \n      /* Semantic Colors for Results */\n      --t-success: #10B981;\n      --t-warning: #F59E0B;\n      --t-danger: #E11D48;\n      \n      --t-radius-xl: 32px;\n      --t-radius-lg: 20px;\n      --t-radius-md: 14px;\n      --t-radius-sm: 8px;\n      \n      /* Optimized native font stack for Arabic */\n      --t-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;\n      \n      max-width: 640px;\n      margin: 2rem auto;\n      font-family: var(--t-font);\n      color: var(--t-brand);\n      background: var(--t-bg-main);\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: var(--t-radius-xl);\n      box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08);\n      overflow: hidden;\n      line-height: 1.8;\n      position: relative;\n    }\n\n    #tatmeen-assessment-wrapper * { box-sizing: border-box; }\n\n    /* Typography */\n    .t-h1 { font-size: 1.75rem; font-weight: 800; margin: 0 0 1rem 0; color: var(--t-brand); text-align: center; letter-spacing: -0.5px;}\n    .t-h2 { font-size: 1.25rem; font-weight: 700; margin: 0 0 1rem 0; color: var(--t-brand); }\n    .t-p { font-size: 1.05rem; margin: 0 0 1.25rem 0; color: var(--t-brand-light); text-align: center; }\n    .t-text-small { font-size: 0.9rem; color: var(--t-brand-light); }\n\n    /* Logos */\n    .t-logo-main {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 1.5rem auto;\n      display: block;\n      object-fit: contain;\n    }\n\n    /* Layout & Animations */\n    .t-screen { display: none; padding: 3rem 2.5rem; animation: t-slide-up 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    .t-screen.t-active { display: block; }\n    \n    @keyframes t-slide-up {\n      from { opacity: 0; transform: translateY(15px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    /* Buttons */\n    .t-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      padding: 1.15rem 1.5rem;\n      font-size: 1.1rem;\n      font-weight: 700;\n      font-family: inherit;\n      border: none;\n      border-radius: var(--t-radius-lg);\n      cursor: pointer;\n      transition: all 0.25s ease;\n      text-decoration: none;\n      gap: 0.5rem;\n    }\n    .t-btn-primary { \n      background: var(--t-accent); \n      color: #FFFFFF; \n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.25);\n    }\n    .t-btn-primary:hover { \n      background: var(--t-accent-hover); \n      transform: translateY(-2px); \n      box-shadow: 0 12px 24px rgba(59, 130, 246, 0.3); \n    }\n    .t-btn-primary:active { transform: translateY(0); }\n    .t-btn-primary:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }\n    \n    .t-btn-outline { \n      background: var(--t-bg-off); \n      color: var(--t-brand); \n      border: 1px solid var(--t-border); \n    }\n    .t-btn-outline:hover { \n      background: #E2E8F0; \n      border-color: #CBD5E1; \n    }\n\n    .t-btn-group { display: flex; gap: 1rem; margin-top: 1.5rem; }\n    @media (max-width: 480px) { .t-btn-group { flex-direction: column; gap: 0.75rem; } }\n\n    /* Question Screen */\n    .t-header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }\n    .t-progress-container {\n      flex-grow: 1;\n      background: var(--t-border);\n      height: 6px;\n      border-radius: 3px;\n      overflow: hidden;\n      direction: rtl;\n      margin-right: 1.5rem;\n    }\n    .t-progress-bar {\n      height: 100%;\n      background: var(--t-accent);\n      width: 0%;\n      transition: width 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\n      border-radius: 3px;\n    }\n    .t-question-context {\n      font-weight: 600;\n      color: var(--t-accent);\n      margin-bottom: 0.5rem;\n      display: block;\n      font-size: 0.95rem;\n    }\n    .t-question-text { \n      font-size: 1.5rem; \n      font-weight: 800; \n      margin-bottom: 2.5rem; \n      line-height: 1.4; \n      color: var(--t-brand); \n    }\n    \n    /* Options (Modern App-like feel) */\n    .t-options-grid { display: flex; flex-direction: column; gap: 0.85rem; }\n    .t-option { position: relative; }\n    .t-option input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }\n    .t-option label {\n      display: flex;\n      align-items: center;\n      padding: 1.15rem 1.5rem;\n      background: var(--t-bg-off);\n      border: 2px solid transparent;\n      border-radius: var(--t-radius-md);\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 1.05rem;\n      color: var(--t-brand-light);\n      transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n    .t-option input[type="radio"]:checked + label {\n      background: var(--t-accent-bg);\n      border-color: var(--t-accent);\n      color: var(--t-accent-hover);\n      font-weight: 700;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n      transform: scale(1.01);\n    }\n    .t-option label:hover { background: #E2E8F0; color: var(--t-brand); }\n    \n    /* Results Screen */\n    .t-score-card {\n      background: var(--t-bg-off);\n      border-radius: var(--t-radius-xl);\n      padding: 3rem 2rem;\n      text-align: center;\n      margin-bottom: 2.5rem;\n      position: relative;\n      border: 1px solid var(--t-border);\n    }\n    .t-score-value {\n      font-size: 4.5rem;\n      font-weight: 900;\n      color: var(--t-brand);\n      line-height: 1;\n      margin-bottom: 0.5rem;\n      display: flex;\n      align-items: baseline;\n      justify-content: center;\n      gap: 0.5rem;\n      direction: rtl;\n      letter-spacing: -2px;\n    }\n    .t-score-max { font-size: 1.25rem; color: var(--t-brand-light); font-weight: 600; letter-spacing: normal;}\n    .t-score-label { font-size: 1.25rem; font-weight: 800; margin-top: 1rem;}\n    \n    /* Meter */\n    .t-meter-wrapper { margin-top: 2.5rem; position: relative; direction: rtl; padding: 0 5px;}\n    .t-meter-track {\n      display: flex;\n      height: 8px;\n      border-radius: 4px;\n      overflow: hidden;\n      background: var(--t-border);\n      flex-direction: row;\n      gap: 3px;\n    }\n    .t-meter-segment { flex: 1; opacity: 0.15; transition: opacity 0.3s ease; }\n    .t-meter-segment.active { opacity: 1; }\n    .t-meter-marker {\n      position: absolute;\n      top: -6px;\n      width: 6px;\n      height: 20px;\n      background: var(--t-brand);\n      border-radius: 3px;\n      transition: right 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n      box-shadow: 0 0 0 4px var(--t-bg-off);\n    }\n\n    /* Result Content */\n    .t-result-section { margin-bottom: 2.5rem; padding: 0 0.5rem; }\n    .t-result-section .t-p { text-align: right; color: var(--t-brand); font-size: 1.1rem;}\n    .t-steps-list { list-style: none; padding: 0; margin: 0; }\n    .t-steps-list li {\n      position: relative;\n      padding-right: 2rem;\n      margin-bottom: 1.25rem;\n      color: var(--t-brand-light);\n      line-height: 1.7;\n      font-size: 1.05rem;\n    }\n    .t-steps-list li::before {\n      content: "✓";\n      position: absolute;\n      right: 0;\n      top: 2px;\n      color: var(--t-accent);\n      font-weight: bold;\n      font-size: 1.2rem;\n    }\n\n    /* Premium CTA Card */\n    .t-cta-card {\n      background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);\n      border-radius: var(--t-radius-xl);\n      padding: 2.5rem 2rem;\n      text-align: center;\n      margin-top: 3rem;\n      color: #FFFFFF;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2);\n    }\n    .t-cta-card::after {\n      content: "";\n      position: absolute;\n      top: 0; right: 0; bottom: 0; left: 0;\n      background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.15) 0%, transparent 60%);\n      pointer-events: none;\n    }\n    .t-cta-logo { \n      width: 56px; \n      height: 56px; \n      margin: 0 auto 1.25rem auto; \n      display: block; \n      position: relative; \n      z-index: 2;\n      object-fit: contain;\n    }\n    .t-cta-card .t-h2 { color: #FFFFFF; font-size: 1.4rem; margin-bottom: 0.75rem; position: relative; z-index: 2;}\n    .t-cta-card .t-p { color: #94A3B8; font-size: 1.05rem; text-align: center; margin-bottom: 1.5rem; position: relative; z-index: 2; line-height: 1.6;}\n    \n    .t-promo-box {\n      background: rgba(255,255,255,0.1);\n      border: 1px dashed rgba(255,255,255,0.3);\n      padding: 1rem;\n      border-radius: var(--t-radius-md);\n      margin-bottom: 2rem;\n      position: relative;\n      z-index: 2;\n      backdrop-filter: blur(4px);\n    }\n    .t-promo-box p { margin: 0; color: #E2E8F0; font-size: 1rem;}\n    .t-promo-code { color: #FCD34D; font-weight: 800; font-size: 1.2rem; margin: 0 0.25rem; }\n\n    /* Footer */\n    .t-footer {\n      padding: 1.5rem 2.5rem;\n      background: var(--t-bg-main);\n      text-align: center;\n      border-top: 1px solid var(--t-border);\n      color: #94A3B8;\n      font-size: 0.85rem;\n    }\n\n    @media (max-width: 480px) {\n      .t-screen { padding: 2rem 1.5rem; }\n      .t-score-value { font-size: 3.5rem; }\n      .t-cta-card { padding: 2rem 1.5rem; }\n    }\n  </style>\n\n  <svg style="display: none;" xmlns="http://www.w3.org/2000/svg">\n    <symbol id="t-icon-share" viewBox="0 0 24 24">\n      <path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z" fill="currentColor"/>\n    </symbol>\n  </svg>\n\n  <div id="t-screen-intro" class="t-screen t-active">\n    <img src="https://tatmeen.sa/Logo-icon.svg" alt="تطمين" class="t-logo-main">\n    <h1 class="t-h1">اختبار التوتر النفسي</h1>\n    <p class="t-p" style="margin-bottom: 2.5rem;">أداة علمية صُممت لمساعدتك في قياس مستوى الضغط النفسي الذي تعرضت له خلال الشهر الماضي، لفهم مشاعرك وإدارتها بشكل أفضل.</p>\n    \n    <div style="background: var(--t-bg-off); padding: 1.25rem 1.5rem; border-radius: var(--t-radius-lg); margin-bottom: 2.5rem; border: 1px solid var(--t-border);">\n      <p class="t-text-small" style="margin: 0; color: var(--t-brand-light); text-align: right;">\n        🔒 <strong style="color: var(--t-brand);">خصوصيتك أولاً:</strong> هذا التقييم مخصص لوعيك الذاتي. لا يتم حفظ إجاباتك أو إرسالها لأي جهة، وتبقى بأمان تام على جهازك.\n      </p>\n    </div>\n    \n    <button class="t-btn t-btn-primary" onclick="TatmeenAssessment.start()">ابدأ التقييم الآن</button>\n  </div>\n\n  <div id="t-screen-quiz" class="t-screen">\n    <div class="t-header-top">\n      <span id="t-counter" class="t-text-small" style="font-weight: 700; color: var(--t-brand-light); white-space: nowrap;"></span>\n      <div class="t-progress-container" aria-hidden="true">\n        <div id="t-progress" class="t-progress-bar"></div>\n      </div>\n    </div>\n    \n    <span class="t-question-context">خلال الشهر الماضي...</span>\n    <h2 id="t-question-text" class="t-question-text"></h2>\n    \n    <div class="t-options-grid" id="t-options-container">\n      </div>\n    \n    <div style="margin-top: 2.5rem;">\n      <button id="t-btn-next" class="t-btn t-btn-primary" disabled onclick="TatmeenAssessment.next()">متابعة</button>\n    </div>\n  </div>\n\n  <div id="t-screen-result" class="t-screen">\n    <div class="t-score-card">\n      <div class="t-score-label" style="color: var(--t-brand-light); font-weight: 600; font-size: 1rem; margin-top:0; margin-bottom:0.5rem;">النتيجة الإجمالية</div>\n      <div class="t-score-value">\n        <span id="t-score-display">٠</span>\n        <span class="t-score-max">/ ٤٠</span>\n      </div>\n      <div class="t-score-label" id="t-band-label">...</div>\n      \n      <div class="t-meter-wrapper">\n        <div class="t-meter-track">\n          <div class="t-meter-segment" style="background: var(--t-success);" id="t-seg-low"></div>\n          <div class="t-meter-segment" style="background: var(--t-warning);" id="t-seg-mod"></div>\n          <div class="t-meter-segment" style="background: var(--t-danger);" id="t-seg-high"></div>\n        </div>\n        <div class="t-meter-marker" id="t-meter-marker"></div>\n      </div>\n    </div>\n\n    <div class="t-result-section">\n      <h3 class="t-h2">قراءة في نتيجتك</h3>\n      <p class="t-p" id="t-result-desc" style="line-height: 1.8;"></p>\n    </div>\n\n    <div class="t-result-section">\n      <h3 class="t-h2">نصائح عملية</h3>\n      <ul class="t-steps-list" id="t-result-steps">\n        </ul>\n    </div>\n\n    <div class="t-btn-group" style="margin-bottom: 3rem;">\n      <button class="t-btn t-btn-outline" onclick="TatmeenAssessment.shareResult()" style="background: var(--t-bg-main);">\n        <svg width="20" height="20"><use href="#t-icon-share" /></svg>\n        حفظ أو مشاركة\n      </button>\n      <button class="t-btn t-btn-outline" onclick="TatmeenAssessment.restart()" style="border: none; background: transparent; color: var(--t-brand-light);">\n        إعادة الاختبار\n      </button>\n    </div>\n\n    <div class="t-cta-card">\n      <img src="https://tatmeen.sa/Logo-icon.svg" alt="تطمين" class="t-cta-logo">\n      <h3 class="t-h2">ابدأ التحدث مع مختص الآن</h3>\n      <p class="t-p">لا داعي للانتظار. يمكنك حجز جلستك والبدء أونلاين بخصوصية تامة خلال 5 دقائق فقط.</p>\n      \n      <div class="t-promo-box">\n        <p>🎁 استخدم كود <span class="t-promo-code">سلامتك</span> للحصول على خصم 50% على جلستك الأولى.</p>\n      </div>\n\n      <a href="http://tatmeen.sa/download" target="_blank" rel="noopener noreferrer" class="t-btn t-btn-primary" style="background: #FFFFFF; color: #0F172A; position: relative; z-index: 2; border-radius: 50px;">\n        حمّل تطبيق تطمين\n      </a>\n    </div>\n  </div>\n\n  <div class="t-footer">\n    مقياس التوتر النفسي المدرك (PSS-10). هذه الأداة للوعي الذاتي ولا تغني عن الاستشارة المهنية.\n  </div>\n\n  <script>\n    const TatmeenAssessment = (function() {\n      // Utilities\n      const toArabicDigits = (num) => String(num).replace(/\\d/g, d => '٠١٢٣٤٥٦٧٨٩'[d]);\n\n      // Instrument Data (PSS-10)\n      const questions = [\n        { text: "هل شعرت بالانزعاج بسبب حدوث أمر غير متوقع؟", reverse: false },\n        { text: "هل شعرت بعدم القدرة على السيطرة على الأمور المهمة في حياتك؟", reverse: false },\n        { text: "هل شعرت بالتوتر والضغط النفسي؟", reverse: false },\n        { text: "هل شعرت بالثقة في قدرتك على التعامل مع مشاكلك الشخصية؟", reverse: true },\n        { text: "هل شعرت أن الأمور تسير لصالحك؟", reverse: true },\n        { text: "هل شعرت بأنك غير قادر على التعامل مع كل الأشياء التي يجب عليك القيام بها؟", reverse: false },\n        { text: "هل تمكنت من السيطرة على مصادر الإزعاج في حياتك؟", reverse: true },\n        { text: "هل شعرت بأنك مسيطر على الأمور؟", reverse: true },\n        { text: "هل شعرت بالغضب بسبب حدوث أشياء خارجة عن إرادتك؟", reverse: false },\n        { text: "هل شعرت أن الصعوبات تتراكم لدرجة أنك لا تستطيع التغلب عليها؟", reverse: false }\n      ];\n\n      const options = [\n        { label: "أبداً", value: 0 },\n        { label: "نادراً", value: 1 },\n        { label: "أحياناً", value: 2 },\n        { label: "غالباً", value: 3 },\n        { label: "دائماً", value: 4 }\n      ];\n\n      // State\n      let currentIndex = 0;\n      let answers = new Array(questions.length).fill(null);\n      let lastScore = 0;\n      let lastBandTitle = '';\n\n      // DOM Elements\n      const screens = {\n        intro: document.getElementById('t-screen-intro'),\n        quiz: document.getElementById('t-screen-quiz'),\n        result: document.getElementById('t-screen-result')\n      };\n      \n      const elQuestionText = document.getElementById('t-question-text');\n      const elOptionsContainer = document.getElementById('t-options-container');\n      const elProgress = document.getElementById('t-progress');\n      const elCounter = document.getElementById('t-counter');\n      const elBtnNext = document.getElementById('t-btn-next');\n\n      function showScreen(screenKey) {\n        Object.values(screens).forEach(s => s.classList.remove('t-active'));\n        screens[screenKey].classList.add('t-active');\n      }\n\n      function start() {\n        currentIndex = 0;\n        answers = new Array(questions.length).fill(null);\n        renderQuestion();\n        showScreen('quiz');\n      }\n\n      function renderQuestion() {\n        const q = questions[currentIndex];\n        elQuestionText.textContent = q.text;\n        elCounter.textContent = `${toArabicDigits(currentIndex + 1)} / ${toArabicDigits(questions.length)}`;\n        \n        elProgress.style.width = `${((currentIndex) / questions.length) * 100}%`;\n        elBtnNext.disabled = answers[currentIndex] === null;\n\n        elOptionsContainer.innerHTML = '';\n        options.forEach((opt, idx) => {\n          const id = `t-opt-${idx}`;\n          const isChecked = answers[currentIndex] === opt.value;\n          \n          const wrapper = document.createElement('div');\n          wrapper.className = 't-option';\n          \n          const input = document.createElement('input');\n          input.type = 'radio';\n          input.name = 't-answer';\n          input.id = id;\n          input.value = opt.value;\n          input.checked = isChecked;\n          input.addEventListener('change', () => handleSelect(opt.value));\n          \n          const label = document.createElement('label');\n          label.setAttribute('for', id);\n          label.textContent = opt.label;\n          \n          wrapper.appendChild(input);\n          wrapper.appendChild(label);\n          elOptionsContainer.appendChild(wrapper);\n        });\n      }\n\n      function handleSelect(val) {\n        answers[currentIndex] = val;\n        elBtnNext.disabled = false;\n        setTimeout(() => {\n          if(answers[currentIndex] !== null && currentIndex < questions.length - 1) {\n             next();\n          }\n        }, 300); // Quick automatic advance for smooth UX\n      }\n\n      function next() {\n        if (answers[currentIndex] === null) return;\n        if (currentIndex < questions.length - 1) {\n          currentIndex++;\n          renderQuestion();\n        } else {\n          calculateResults();\n        }\n      }\n\n      function calculateResults() {\n        let totalScore = 0;\n        answers.forEach((ans, idx) => {\n          const q = questions[idx];\n          if (q.reverse) {\n            totalScore += (4 - ans);\n          } else {\n            totalScore += ans;\n          }\n        });\n        showResults(totalScore);\n      }\n\n      function showResults(score) {\n        lastScore = score;\n        document.getElementById('t-score-display').textContent = toArabicDigits(score);\n        \n        let desc = '';\n        let steps = [];\n        let markerPos = (score / 40) * 100;\n        let activeColor = '';\n\n        // Marker position in RTL\n        document.getElementById('t-meter-marker').style.right = `calc(${markerPos}% - 3px)`;\n        \n        // Reset active state\n        document.getElementById('t-seg-low').classList.remove('active');\n        document.getElementById('t-seg-mod').classList.remove('active');\n        document.getElementById('t-seg-high').classList.remove('active');\n\n        if (score <= 13) {\n          lastBandTitle = "مستوى التوتر: طبيعي";\n          activeColor = "var(--t-success)";\n          document.getElementById('t-seg-low').classList.add('active');\n          \n          desc = "يبدو أنك تتعامل مع ضغوط الحياة اليومية بفعالية. التوتر في هذا النطاق يُعد طبيعياً ومقبولاً، بل قد يكون دافعاً إيجابياً لإنجاز المهام ومواجهة التحديات بشكل صحي.";\n          steps = [\n            "حافظ على روتينك الحالي، فهو يدعم استقرارك النفسي بشكل ملحوظ.",\n            "استمر في تخصيص وقت للراحة والأنشطة التي تمنحك السعادة."\n          ];\n        } else if (score <= 26) {\n          lastBandTitle = "مستوى التوتر: متوسط";\n          activeColor = "var(--t-warning)";\n          document.getElementById('t-seg-mod').classList.add('active');\n          \n          desc = "تعكس نتيجتك وجود ضغوط متراكمة في حياتك حالياً. رغم أن هذا المستوى شائع ويمر به الكثيرون، إلا أنه يُعد إشارة لطيفة من جسدك وعقلك للحاجة إلى أخذ استراحة وتخفيف العبء.";\n          steps = [\n            "حاول تحديد المواقف التي تستنزف طاقتك وتقليلها قدر الإمكان.",\n            "مارس تمارين التنفس العميق أو الاسترخاء لبضع دقائق يومياً.",\n            "مشاركة ما تشعر به مع شخص تثق به قد يخفف من حدة الضغط النفسي."\n          ];\n        } else {\n          lastBandTitle = "مستوى التوتر: مرتفع";\n          activeColor = "var(--t-danger)";\n          document.getElementById('t-seg-high').classList.add('active');\n          \n          desc = "تشير النتيجة إلى أنك تمر بفترة من الضغط النفسي المرتفع الذي قد يؤثر على راحتك الجسدية والنفسية. من المهم جداً ألا تتجاهل هذه المشاعر وأن تضع صحتك النفسية كأولوية قصوى الآن.";\n          steps = [\n            "امنح نفسك حق الراحة فوراً وقلل من الالتزامات غير الضرورية.",\n            "الخطوة الأفضل والأكثر فعالية الآن هي التحدث مع مختص نفسي لمساعدتك على تفريغ هذه الضغوط بشكل صحي.",\n            "ركز على الأساسيات: جودة النوم، التغذية، والابتعاد المؤقت عن مصادر الإرهاق."\n          ];\n        }\n\n        document.getElementById('t-band-label').textContent = lastBandTitle;\n        document.getElementById('t-band-label').style.color = activeColor;\n        document.getElementById('t-result-desc').textContent = desc;\n        \n        const elSteps = document.getElementById('t-result-steps');\n        elSteps.innerHTML = '';\n        steps.forEach(step => {\n          const li = document.createElement('li');\n          li.textContent = step;\n          elSteps.appendChild(li);\n        });\n\n        elProgress.style.width = '100%';\n\n        setTimeout(() => {\n          showScreen('result');\n          window.scrollTo({ top: document.getElementById('tatmeen-assessment-wrapper').offsetTop - 20, behavior: 'smooth' });\n        }, 150);\n      }\n\n      // Elegant Canvas image generator for sharing\n      function shareResult() {\n        const canvas = document.createElement('canvas');\n        canvas.width = 1080;\n        canvas.height = 1080;\n        const ctx = canvas.getContext('2d');\n        \n        // Base Background\n        ctx.fillStyle = '#FFFFFF';\n        ctx.fillRect(0, 0, 1080, 1080);\n        \n        // Soft gradient overlay\n        const grad = ctx.createLinearGradient(0, 0, 1080, 1080);\n        grad.addColorStop(0, '#F8FAFC');\n        grad.addColorStop(1, '#EFF6FF');\n        ctx.fillStyle = grad;\n        ctx.fillRect(0, 0, 1080, 1080);\n\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'middle';\n        ctx.direction = 'rtl';\n        \n        // Title\n        ctx.fillStyle = '#0F172A';\n        ctx.font = 'bold 50px system-ui, -apple-system, sans-serif';\n        ctx.fillText('نتيجة تقييم التوتر النفسي', 540, 180);\n        \n        // Score Circle\n        ctx.fillStyle = '#FFFFFF';\n        ctx.shadowColor = 'rgba(15, 23, 42, 0.08)';\n        ctx.shadowBlur = 50;\n        ctx.shadowOffsetY = 20;\n        ctx.beginPath();\n        ctx.arc(540, 500, 240, 0, Math.PI * 2);\n        ctx.fill();\n        ctx.shadowColor = 'transparent';\n\n        // Score Text\n        ctx.fillStyle = '#0F172A';\n        ctx.font = 'bold 180px system-ui, -apple-system, sans-serif';\n        ctx.fillText(toArabicDigits(lastScore), 540, 480);\n        \n        ctx.fillStyle = '#64748B';\n        ctx.font = 'bold 36px system-ui, -apple-system, sans-serif';\n        ctx.fillText('من ' + toArabicDigits(40), 540, 620);\n        \n        // Band Label\n        let bandColor = '#10B981'; // low\n        if(lastScore > 13) bandColor = '#F59E0B'; // mod\n        if(lastScore > 26) bandColor = '#E11D48'; // high\n\n        ctx.fillStyle = bandColor;\n        ctx.font = 'bold 60px system-ui, -apple-system, sans-serif';\n        ctx.fillText(lastBandTitle, 540, 840);\n        \n        // Footer Bottom Bar\n        ctx.fillStyle = '#0F172A';\n        ctx.fillRect(0, 980, 1080, 100);\n\n        ctx.fillStyle = '#FFFFFF';\n        ctx.font = 'bold 32px system-ui, -apple-system, sans-serif';\n        ctx.fillText('تطمين | مساحتك الآمنة للتحدث', 540, 1030);\n\n        // Export and Share\n        canvas.toBlob(function(blob) {\n          const file = new File([blob], "tatmeen-result.png", { type: "image/png" });\n          \n          if (navigator.canShare && navigator.canShare({ files: [file] })) {\n            navigator.share({\n              title: 'نتيجتي في تقييم التوتر',\n              files: [file]\n            }).catch(() => downloadBlob(blob));\n          } else {\n            downloadBlob(blob);\n          }\n        }, 'image/png');\n      }\n\n      function downloadBlob(blob) {\n        const url = URL.createObjectURL(blob);\n        const a = document.createElement('a');\n        a.href = url;\n        a.download = "tatmeen-result.png";\n        document.body.appendChild(a);\n        a.click();\n        document.body.removeChild(a);\n        URL.revokeObjectURL(url);\n      }\n\n      function restart() {\n        start();\n        window.scrollTo({ top: document.getElementById('tatmeen-assessment-wrapper').offsetTop - 20, behavior: 'smooth' });\n      }\n\n      return { start, next, restart, shareResult };\n    })();\n  </script>\n</div>\" data-type=\"html-block\">\u003C/div>\u003Ch2>الشعور بالضيق والاكتئاب بدون سبب\u003C/h2>\u003Cp>اتفقنا على أن سؤال لماذا أشعر بالحزن بلا سبب هو سؤال تلقائي يأتي من شخص يعاني من الحيرة الناتجة عن حالته النفسية السيئة، لكن الواقع أنه توجد مجموعة من الأسباب، وأهمها ما يلي:\u003C/p>\u003Cp>\u003C/p>\u003Cul>\u003Cli>\u003Cp>يحدث الحزن أحيانًا نتيجة معاناة الجسم من نقص بعض العناصر التي تؤدي إلى قلة إفراز الجسم للسيترونين والدوبامين، وبالتالي يحدث الاكتئاب.\u003C/p>\u003C/li>\u003Cli>\u003Cp>التعرض لضغوط ومشكلات يومية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>اضطراب ساعات النوم وعدم حصول الشخص على عدد ساعات نوم كافية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>كثرة الضغوط العصبية وتراكمها لدى الشخص وعدم التصريح بها وكتمانها، يسبب انفجار مفاجئ يأتي في شكل نوبات من الغضب والبكاء.\u003C/p>\u003C/li>\u003Cli>\u003Cp>تعرض الإنسان للإجهاد والتعب البدني بشكل يفوق طاقته، وعدم حصوله على فترات من الراحة والاسترخاء تسبب عدم قدرته على التحمل.\u003C/p>\u003C/li>\u003Cli>\u003Cp>العادات الحياتية الخاطئة وعدم ممارسة الرياضة يسبب الشعور بالملل والكسل والروتين .\u003C/p>\u003C/li>\u003Cli>\u003Cp>العادات الغذائية الخاطئة والإفراط في تناول المأكولات الغير صحية يسبب تقلبات مزاجية.\u003C/p>\u003C/li>\u003Cli>\u003Cp>الإفراط في التدخين وتناول المشروبات الكحولية والكافيين يسبب انحرافات مزاجية شديدة.\u003C/p>\u003C/li>\u003Cli>\u003Cp>سوء التغذية وعدم تناول المأكولات الغنية بالفيتامينات التي تعمل على تحسين الحالة النفسية، خاصة أحماض أوميجا 3، فيتامين ب، فيتامين دال، وفيتامين ج.\u003C/p>\u003C/li>\u003Cli>\u003Cp>الحياة مع أشخاص يعانون من مشكلات نفسية وتملئهم الطاقة السلبية التي تنتقل للمحيطين بهم.\u003C/p>\u003C/li>\u003C/ul>\u003Cp>الحزن بلا سبب هي مشاعر خفية موجودة داخل الإنسان يظن أنها غير موجودة ويتخيل أن حزنه بدون أسباب، لكن الطب النفسي يؤكد أنه لا يوجد حزن دون مسببات لأن المواقف التي تمر يوميًا تجعل العقل الباطن يرسل إشارات عصبية للعقل الواعي تخبره أن صاحبها يعاني من اكتئاب ما، وهنا تظهر علامات الحزن التي تدل على سلامة العقل الباطن، وأن الشخص في حاجة لمن يسمعه ويساعده للخروج من أزمته وطريقة تدله على طريقة للتخلص من الحزن.\u003C/p>\u003Cp>\u003C/p>\u003Cp>حمل تطبيق تطمين استشارات نفسية وأسرية أونلاين من تطمين من خلال أبل ستور أو قوقل بلاي وقم أيضا بالتسجيل في موقع الصحة النفسية تطمين للحصول على معلومات قيمة وأدوات عملية لتعزيز صحتك النفسية.\u003C/p>\u003Cp>\u003C/p>",1705093200000,"2026-03-27T02:46:00.096Z","Why do i always feel sad without a reason?","default/default-blog-image.png","Crying women with rainy clouds","feeling sad without a reason",[21,22],"sad without a reason","depression and anxiety",null,"Why do i always feel sad without a reason? find out why","The reason you always feel sad without knowing why","تعرف علي لماذا تشعر بالحزن بدون سبب","لماذا اشعر بالحزن بدون سبب",5,{"id":30,"slug":31,"bio":23,"role":32,"enFullName":33,"arFullName":34,"profilePicture":35,"fullPreSignedProfilePicture":36,"jobTitle":23,"consultantInfo":37},"46314971-13b5-43f0-8635-0109151b9a22","tatmeen-team-3969","CONSULTANT","Tatmeen Team","فريق تطمين","default/avatar.png","https://cdn.tatmeen.sa/default/avatar.png",{"id":38,"specialization":39,"specialties":43,"arDescription":52,"enDescription":52},"dc5d16cc-0b9f-47b3-921f-40b7936b42be",{"id":40,"arGeneralName":41,"enGeneralName":42},"c6d3ba21-8d01-4bf2-9ad7-e8d07e7463a7","أخصائي نفسي","Psychologist",[44,48],{"id":45,"arName":46,"enName":47},"cf18af0a-a4f5-4801-b880-aa194f92d3b5","الاكتئاب","Depression",{"id":49,"arName":50,"enName":51},"d2d285b8-917a-4463-ac89-130e688a1b0c","الوحدة","Loneliness","فريق تطمين الطبي",{"id":54,"socialMediaLinks":55,"arBio":34,"enBio":57,"user":58},"cc26f551-b5ca-44e8-bdfc-b710f244a842",{"twitter":56,"linkedIn":56,"facebook":56,"instagram":56},"","Tatmeen Team.",{"firstName":59,"enFullName":33,"arFullName":34,"bio":23,"totalStock":60,"jobTitle":23,"profilePicture":61,"slug":62,"fullPreSignedProfilePicture":63},"tatmeen Admin","0","consultant-attachments/Tatmeen-1765748444273.jpeg","tatmeen-admin","https://cdn.tatmeen.sa/consultant-attachments/Tatmeen-1765748444273.jpeg?Expires=1776791909&Key-Pair-Id=KUEI5TOHTZUMQ&Signature=EGBVQypGNdzaQNNSuhPMnTNQyJqiJ3IKxhRQfOMhOmfK4~lFfSJg05T2NsACEFC9fGzeIEB2hrhqVHyui6Doy9ID-barVTK-zvtJ0bDn7YUeE-FHjLipgX2UWHePH-AKUaP-J2XRF8V2TrbkXHIAmVMSvFUw5Znh1KCWB38s7HscHZuCDyTKGQUKG6yk7H-Ip1c0tXS~YVIrRgwoxQmrFVNvqGcmemoBhEeYeLQmIIyLGN80dqWInge85LIRa0pv7X1poq8c2oaqUB~v7cg29hoIUtVRFR2ww5yBve8EXanuWpevhXfedhy1wbQe6GwazHhkwsLqRARw-a5McFwojQ__",[65,69],{"id":66,"enName":47,"arName":67,"slug":68},"279dbfbb-dda2-465a-93a1-e9b181574318","اكتئاب","depression",{"id":70,"enName":71,"arName":72,"slug":73},"9c2666e2-e11e-4d68-a178-f9e7c5430372","Mood Disorders","اضطرابات المزاج","mood-disorders",[75],{"id":76,"enName":77,"arName":78,"slug":79},"1e82772d-a1a7-4d29-b475-be9d6b67ae02","Common Mental Issues","اضطرابات نفسية شائعة","common-mental-issues"]