{"id":18799,"date":"2026-05-20T10:58:06","date_gmt":"2026-05-20T07:58:06","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=18799"},"modified":"2026-05-20T11:03:49","modified_gmt":"2026-05-20T08:03:49","slug":"%d8%a7%d9%84%d8%a5%d8%ab%d8%b1%d8%a7%d8%a1-%d9%88%d8%aa%d9%88%d8%b3%d8%b9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d8%b9%d9%84-%d8%a7%d9%84%d9%86%d9%88%d9%88%d9%8a-%d8%a7%d9%84%d8%a7%d9%86%d8%af%d9%85%d8%a7","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%d8%a7%d9%84%d8%a5%d8%ab%d8%b1%d8%a7%d8%a1-%d9%88%d8%aa%d9%88%d8%b3%d8%b9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d8%b9%d9%84-%d8%a7%d9%84%d9%86%d9%88%d9%88%d9%8a-%d8%a7%d9%84%d8%a7%d9%86%d8%af%d9%85%d8%a7\/","title":{"rendered":"\u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u062a\u0648\u0633\u0639: \u0627\u0644\u0645\u0641\u0627\u0639\u0644 \u0627\u0644\u0646\u0648\u0648\u064a \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c\u064a"},"content":{"rendered":"\n<section class=\"codevo-theme-alloys\"><div class=\"codevo-lesson-wrap\" dir=\"rtl\"><!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>\u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u062a\u0648\u0633\u0639: \u0627\u0644\u0645\u0641\u0627\u0639\u0644 \u0627\u0644\u0646\u0648\u0648\u064a \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c\u064a<\/title>\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  \r\n  <!-- React & ReactDOM -->\r\n  <script crossorigin src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\r\n  <script crossorigin src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\r\n  \r\n  <!-- Babel Standalone for JSX compilation -->\r\n  <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\r\n  <script>\r\n    Babel.registerPreset('tsx', {\r\n      presets: [\r\n        [Babel.availablePresets['typescript'], { isTSX: true, allExtensions: true }],\r\n        Babel.availablePresets['react']\r\n      ]\r\n    });\r\n  <\/script>\r\n\r\n  <style>\r\n      body {\r\n          background: linear-gradient(to bottom right, #312e81, #5b21b6);\r\n          font-family: 'Cairo', sans-serif;\r\n          color: #f1f5f9;\r\n          min-height: 100vh;\r\n          padding: 2rem;\r\n      }\r\n      .content-container {\r\n          max-width: 96rem;\r\n          margin: 0 auto;\r\n          background-color: rgba(30, 27, 75, 0.6);\r\n          backdrop-filter: blur(12px);\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n          border-radius: 1rem;\r\n          padding: 2rem;\r\n          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n      }\r\n      ::-webkit-scrollbar { width: 8px; }\r\n      ::-webkit-scrollbar-track { background: #1e1b4b; }\r\n      ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 4px; }\r\n      .simulation-container {\r\n          margin: 2rem 0;\r\n          padding: 1.5rem;\r\n          background-color: rgba(0, 0, 0, 0.2);\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n          border-radius: 0.75rem;\r\n      }\r\n      input[type=\"range\"] {\r\n          -webkit-appearance: none;\r\n          background: #1e293b;\r\n          height: 4px;\r\n          border-radius: 4px;\r\n      }\r\n      input[type=\"range\"]:focus {\r\n          outline: none;\r\n      }\r\n      input[type=\"range\"]::-webkit-slider-thumb {\r\n          -webkit-appearance: none;\r\n          width: 16px;\r\n          height: 16px;\r\n          border-radius: 50%;\r\n          background: #f59e0b;\r\n          cursor: pointer;\r\n          border: none;\r\n      }\r\n      button {\r\n          transition: all 0.2s ease;\r\n      }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"content-container\">\r\n      <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\">\r\n          <div>\r\n              <h1 class=\"text-3xl font-bold text-white mb-2\">\u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u062a\u0648\u0633\u0639: \u0627\u0644\u0645\u0641\u0627\u0639\u0644 \u0627\u0644\u0646\u0648\u0648\u064a \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c\u064a<\/h1>\r\n              <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 - \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/p>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 0.5rem; background-color: rgba(0,0,0,0.2); padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1);\">\r\n              <div style=\"display: flex; flex-direction: column; align-items: flex-end;\">\r\n                  <span style=\"font-size: 0.625rem; color: #a5b4fc; line-height: 1;\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645<\/span>\r\n                  <span style=\"font-size: 0.875rem; font-weight: bold; color: white; line-height: 1;\">\u0623. \u0639\u0628\u062f\u0627\u0644\u0641\u062a\u0627\u062d \u0645\u0637\u0631<\/span>\r\n              <\/div>\r\n              <div style=\"width: 2rem; height: 2rem; border-radius: 9999px; background-color: rgba(79, 70, 229, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n                   <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n                      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0l-3.32-2.217A59.902 59.902 0 0112 3.493a59.902 59.902 0 0110.399 5.84l-3.32 2.217m-1.488-3.322a48.627 48.627 0 01-8.232 4.41\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n      <!-- \u0645\u0634\u063a\u0644 \u0627\u0644\u0635\u0648\u062a -->\r\n      <div class=\"mt-4 w-full\">\r\n        <audio controls class=\"w-full h-10\">\r\n          <source src=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u062a\u0648\u0633\u0639__\u0627\u0644\u0645\u0641\u0627\u0639\u0644_\u0627\u0644\u0646\u0648\u0648\u064a_\u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c\u064a_audio.mp3\" type=\"audio\/mpeg\">\r\n          <source src=\"audio\/lesson_gas_state.ogg\" type=\"audio\/ogg\">\r\n          \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a. \u064a\u0645\u0643\u0646\u0643 <a href=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u062a\u0648\u0633\u0639__\u0627\u0644\u0645\u0641\u0627\u0639\u0644_\u0627\u0644\u0646\u0648\u0648\u064a_\u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c\u064a_audio.mp3\" class=\"text-indigo-300 underline\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a<\/a>.\r\n        <\/audio>\r\n        <span class=\"text-xs text-indigo-300\">\u0634\u0631\u062d \u0627\u0644\u062f\u0631\u0633 (\u0635\u0648\u062a)<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n      <div class=\"space-y-6 text-right\">\r\n          \r\n<div class=\"space-y-8\" dir=\"rtl\">\r\n\r\n  <!-- Enrichment: Nuclear Fusion Reactor -->\r\n  <section class=\"bg-gradient-to-br from-amber-900\/20 to-orange-900\/10 p-8 rounded-3xl border border-amber-500\/30 mb-12 relative overflow-hidden\">\r\n    <div class=\"absolute top-0 right-0 w-64 h-64 bg-amber-500\/5 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n    <div class=\"absolute bottom-0 left-0 w-48 h-48 bg-orange-500\/5 rounded-full blur-2xl pointer-events-none\"><\/div>\r\n    \r\n    <div class=\"flex items-center gap-3 mb-6 relative z-10\">\r\n      <div class=\"w-12 h-12 rounded-2xl bg-amber-500\/20 flex items-center justify-center text-amber-400 border border-amber-500\/30\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-flame\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h3 class=\"text-2xl font-bold text-amber-300\">\u0625\u062b\u0631\u0627\u0621 \u0648\u062a\u0648\u0633\u0639: \u0627\u0644\u0645\u0641\u0627\u0639\u0644 \u0627\u0644\u0646\u0648\u0648\u064a \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c\u064a<\/h3>\r\n        <p class=\"text-amber-200\/60 text-l font-medium mt-1 tracking-wide\">The Nuclear Fusion Reactor - \u0627\u0644\u062a\u062d\u062f\u064a \u0627\u0644\u0623\u0643\u0628\u0631 \u0641\u064a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"relative z-10 space-y-8\">\r\n      <!-- Introduction -->\r\n      <p class=\"text-[14px] text-slate-300 leading-relaxed bg-slate-950\/30 p-5 rounded-2xl border border-slate-700\/50\">\r\n        <strong class=\"text-amber-400\">\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629:<\/strong> \u0628\u0639\u062f \u0623\u0646 \u062a\u0639\u0644\u0645\u0646\u0627 \u0623\u0646 \u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c \u0627\u0644\u0646\u0648\u0648\u064a \u0647\u064a \u0645\u0635\u062f\u0631 \u0637\u0627\u0642\u0629 \u0627\u0644\u0646\u062c\u0648\u0645\u060c \u0648\u0623\u0646\u0647\u0627 \u062a\u0637\u0644\u0642 \u0637\u0627\u0642\u0629 \u0647\u0627\u0626\u0644\u0629 \u0648\u0646\u0638\u064a\u0641\u0629\u060c \u064a\u0628\u0631\u0632 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0623\u0647\u0645: \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0628\u0646\u0627\u0621 <em>\"\u0646\u062c\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\"<\/em> \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a\u0647 \u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u061f<br\/><br\/>\r\n        \u0647\u0630\u0627 \u0647\u0648 \u0628\u0627\u0644\u0636\u0628\u0637 \u0647\u062f\u0641 \u0628\u0646\u0627\u0621 \u0645\u0641\u0627\u0639\u0644 \u0646\u0648\u0648\u064a \u0627\u0646\u062f\u0645\u0627\u062c\u064a. \u0625\u0646\u0647 \u064a\u0645\u062b\u0644 \u062a\u062d\u062f\u064a\u0627\u064b \u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0627\u064b \u0648\u0647\u0646\u062f\u0633\u064a\u0627\u064b \u0648\u0645\u0648\u0627\u062f\u064a\u0627\u064b \u0647\u0627\u0626\u0644\u0627\u064b\u060c \u0648\u064a\u0639\u062a\u0628\u0631\u0647 \u0627\u0644\u0643\u062b\u064a\u0631\u0648\u0646 \"\u0627\u0644\u0643\u0623\u0633 \u0627\u0644\u0645\u0642\u062f\u0633\u0629\" \u0644\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0646\u0638\u064a\u0641\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629. \u0625\u0630\u0627 \u062a\u0645\u0643\u0646\u0627 \u0645\u0646 \u062a\u062d\u0642\u064a\u0642\u0647\u060c \u0641\u0633\u0646\u062d\u0635\u0644 \u0639\u0644\u0649 \u0645\u0635\u062f\u0631 \u0637\u0627\u0642\u0629 \u0644\u0627 \u064a\u0646\u0636\u0628 \u062a\u0642\u0631\u064a\u0628\u0627\u064b\u060c \u0648\u0642\u0648\u062f\u064f\u0647 (\u0646\u0638\u0627\u0626\u0631 \u0627\u0644\u0647\u064a\u062f\u0631\u0648\u062c\u064a\u0646) \u0645\u0648\u062c\u0648\u062f \u0628\u0648\u0641\u0631\u0629 \u0641\u064a \u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u062d\u0631\u060c \u0648\u0646\u0641\u0627\u064a\u0627\u062a\u0647 \u0627\u0644\u0645\u0634\u0639\u0629 \u0623\u0642\u0644 \u0628\u0643\u062b\u064a\u0631 \u0648\u0623\u0642\u0635\u0631 \u0639\u0645\u0631\u0627\u064b \u0645\u0646 \u0646\u0641\u0627\u064a\u0627\u062a \u0627\u0644\u0627\u0646\u0634\u0637\u0627\u0631\u060c \u062f\u0648\u0646 \u0623\u064a \u062e\u0637\u0631 \u0644\u0627\u0646\u0635\u0647\u0627\u0631 \u0642\u0644\u0628 \u0627\u0644\u0645\u0641\u0627\u0639\u0644.\r\n      <\/p>\r\n\r\n      <!-- Grid of details -->\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n        \r\n        <!-- Challenge -->\r\n        <div class=\"bg-slate-900\/50 p-6 rounded-2xl border border-slate-700\/50\">\r\n          <h4 class=\"text-lg font-bold text-sky-400 mb-3 flex items-center gap-2\">\r\n            <span class=\"w-6 h-6 rounded-full bg-sky-500\/20 flex items-center justify-center text-sky-400 text-l\">1<\/span>\r\n            \u0627\u0644\u062a\u062d\u062f\u064a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a (\u0645\u0639\u0636\u0644\u0629 \u0643\u0648\u0644\u0648\u0645)\r\n          <\/h4>\r\n          <p class=\"text-[13px] text-slate-300 leading-relaxed mb-3\">\r\n            \u0644\u0643\u064a \u062a\u0646\u062f\u0645\u062c \u0646\u0648\u0627\u062a\u0627\u0646 (\u0645\u062b\u0644 \u0627\u0644\u062f\u064a\u062a\u064a\u0631\u064a\u0648\u0645 \u0648\u0627\u0644\u062a\u0631\u064a\u062a\u064a\u0648\u0645)\u060c \u064a\u062c\u0628 \u0623\u0646 \u062a\u0642\u062a\u0631\u0628\u0627 \u0644\u0645\u0633\u0627\u0641\u0629 <span class=\"font-mono text-sky-300\">10\u207b\u00b9\u2075 m<\/span> (\u0645\u062f\u0649 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0646\u0648\u0648\u064a\u0629). \u0644\u0643\u0646 \u0643\u0644\u062a\u0627\u0647\u0645\u0627 \u0645\u0648\u062c\u0628\u0629 \u0627\u0644\u0634\u062d\u0646\u0629\u060c \u0645\u0645\u0627 \u064a\u062e\u0644\u0642 \u062d\u0627\u062c\u0632\u0627\u064b \u0647\u0627\u0626\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0646\u0627\u0641\u0631 (\u062d\u0627\u062c\u0632 \u0643\u0648\u0644\u0648\u0645).\r\n          <\/p>\r\n          <div class=\"p-3 bg-sky-950\/30 rounded-xl border border-sky-500\/20\">\r\n            <p class=\"text-[13px] text-sky-200\">\r\n              <strong class=\"text-sky-400\">\u0627\u0644\u062d\u0644:<\/strong> \u062a\u0633\u062e\u064a\u0646 \u0627\u0644\u0648\u0642\u0648\u062f \u0644\u062f\u0631\u062c\u0627\u062a \u062d\u0631\u0627\u0631\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 100 \u0645\u0644\u064a\u0648\u0646 \u062f\u0631\u062c\u0629 \u0645\u0626\u0648\u064a\u0629. \u062a\u0635\u0628\u062d \u0627\u0644\u0645\u0627\u062f\u0629 \u0641\u064a \u062d\u0627\u0644\u0629 <strong class=\"text-amber-400\">\u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627 (Plala)<\/strong> (\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u0627\u062a \u0648\u0623\u064a\u0648\u0646\u0627\u062a \u062d\u0631\u0629 \u062a\u062a\u062d\u0631\u0643 \u0628\u0633\u0631\u0639\u0627\u062a \u0647\u0627\u0626\u0644\u0629)\u060c \u0641\u062a\u062a\u063a\u0644\u0628 \u0627\u0644\u0646\u0648\u0649 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0627\u0641\u0631 \u0648\u062a\u0646\u062f\u0645\u062c.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Ignition -->\r\n        <div class=\"bg-slate-900\/50 p-6 rounded-2xl border border-slate-700\/50\">\r\n          <h4 class=\"text-lg font-bold text-orange-400 mb-3 flex items-center gap-2\">\r\n            <span class=\"w-6 h-6 rounded-full bg-orange-500\/20 flex items-center justify-center text-orange-400 text-l\">2<\/span>\r\n            \u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0634\u062a\u0639\u0627\u0644 (\u0645\u0639\u064a\u0627\u0631 \u0644\u0648\u0633\u0648\u0646)\r\n          <\/h4>\r\n          <p class=\"text-[13px] text-slate-300 leading-relaxed mb-3\">\r\n            \u0645\u062c\u0631\u062f \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u064a\u0633 \u0643\u0627\u0641\u064a\u0627\u064b. \u0644\u0625\u0646\u062a\u0627\u062c \u0637\u0627\u0642\u0629 \u0635\u0627\u0641\u064a\u0629\u060c \u064a\u062c\u0628 \u062a\u062d\u0642\u064a\u0642 <strong class=\"text-orange-300\">\u0627\u0644\u062c\u062f\u0627\u0621 \u0627\u0644\u062b\u0644\u0627\u062b\u064a (Triple Product)<\/strong>:\r\n          <\/p>\r\n          <ul class=\"text-[13px] text-slate-300 space-y-2 list-disc list-inside\">\r\n            <li><strong class=\"text-orange-300\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629 (T):<\/strong> \u0647\u0627\u0626\u0644\u0629 \u062c\u062f\u0627\u064b (150-200 \u0645\u0644\u064a\u0648\u0646 \u00b0C).<\/li>\r\n            <li><strong class=\"text-orange-300\">\u0627\u0644\u0643\u062b\u0627\u0641\u0629 (n):<\/strong> \u0639\u062f\u062f \u062c\u0633\u064a\u0645\u0627\u062a \u0643\u0627\u0641\u064d.<\/li>\r\n            <li><strong class=\"text-orange-300\">\u0632\u0645\u0646 \u0627\u0644\u0627\u062d\u062a\u062c\u0627\u0632 (\u03c4_E):<\/strong> \u0628\u0642\u0627\u0621 \u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627 \u0637\u0648\u064a\u0644\u0627\u064b \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0637\u0627\u0642\u062a\u0647\u0627.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- MCF -->\r\n        <div class=\"bg-slate-900\/50 p-6 rounded-2xl border border-slate-700\/50\">\r\n          <h4 class=\"text-lg font-bold text-purple-400 mb-3 flex items-center gap-2\">\r\n            <span class=\"w-6 h-6 rounded-full bg-purple-500\/20 flex items-center justify-center text-purple-400 text-l\">3<\/span>\r\n            \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c \u0628\u0627\u0644\u062d\u0635\u0631 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\r\n          <\/h4>\r\n          <p class=\"text-[13px] text-slate-300 leading-relaxed mb-3\">\r\n            \u0644\u0623\u0646 \u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627 \u0634\u062f\u064a\u062f\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\u060c \u0644\u0627 \u064a\u0645\u0643\u0646 \u0644\u0623\u064a \u0648\u0639\u0627\u0621 \u0645\u0627\u062f\u064a \u0623\u0646 \u064a\u0644\u0645\u0633\u0647\u0627. \u0627\u0644\u062d\u0644 \u0647\u0648 \"\u0642\u0641\u0635 \u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\" \u064a\u062d\u0635\u0631 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u062d\u0648\u0646\u0629.<br\/><br\/>\r\n            <strong class=\"text-purple-300\">\u0627\u0644\u062a\u0648\u0643\u0627\u0645\u0627\u0643 (Tokamak):<\/strong> \u0623\u0634\u0647\u0631 \u062a\u0635\u0645\u064a\u0645 (\u064a\u0634\u0628\u0647 \u0643\u0639\u0643\u0629 \u0627\u0644\u062f\u0648\u0646\u0627\u062a). \u064a\u062f\u0645\u062c \u0645\u062c\u0627\u0644\u0627\u064b \u062d\u0644\u0642\u064a\u0627\u064b \u0648\u0645\u062c\u0627\u0644\u0627\u064b \u0628\u0648\u0644\u0648\u062f\u064a\u0627\u064b \u0644\u062d\u0635\u0631 \u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0642\u0631.<br\/>\r\n            \u0645\u0634\u0631\u0648\u0639 <strong class=\"text-purple-300\">ITER<\/strong> \u0627\u0644\u062f\u0648\u0644\u064a \u0641\u064a \u0641\u0631\u0646\u0633\u0627 \u0647\u0648 \u0623\u0636\u062e\u0645 \u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0628\u0646\u0627\u0621 \u0645\u0641\u0627\u0639\u0644 \u062a\u0648\u0643\u0627\u0645\u0627\u0643 \u0644\u0625\u062b\u0628\u0627\u062a \u062c\u062f\u0648\u0649 \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Fuel Cycle -->\r\n        <div class=\"bg-slate-900\/50 p-6 rounded-2xl border border-slate-700\/50\">\r\n          <h4 class=\"text-lg font-bold text-emerald-400 mb-3 flex items-center gap-2\">\r\n            <span class=\"w-6 h-6 rounded-full bg-emerald-500\/20 flex items-center justify-center text-emerald-400 text-l\">4<\/span>\r\n            \u062f\u0648\u0631\u0629 \u0627\u0644\u0648\u0642\u0648\u062f \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0637\u0627\u0642\u0629\r\n          <\/h4>\r\n          <p class=\"text-[13px] text-slate-300 leading-relaxed mb-3\">\r\n            \u062a\u0641\u0627\u0639\u0644 (D-T) \u0645\u062b\u0627\u0644 \u0639\u0645\u0644\u064a:\r\n          <\/p>\r\n          <div class=\"bg-slate-950 p-2 rounded-lg overflow-x-auto text-center mb-3 border border-slate-800\">\r\n             <span class=\"text-l font-mono text-emerald-300\" dir=\"ltr\">\u00b2\u2081H + \u00b3\u2081H &rarr; \u2074\u2082He + \u00b9\u2080n + Energy<\/span>\r\n          <\/div>\r\n          <p class=\"text-[13px] text-slate-300 leading-relaxed\">\r\n            <strong class=\"text-emerald-300\">\u0627\u0644\u062a\u0643\u0627\u062b\u0631 (Breeding):<\/strong> \u0646\u0638\u064a\u0631 \u0627\u0644\u062a\u0631\u064a\u062a\u064a\u0648\u0645 \u0627\u0644\u0646\u0627\u062f\u0631 \u064a\u064f\u0646\u062a\u062c \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0641\u0627\u0639\u0644 \u0639\u0628\u0631 \u0627\u0635\u0637\u062f\u0627\u0645 \u0627\u0644\u0646\u064a\u0648\u062a\u0631\u0648\u0646\u0627\u062a \u0628\u062c\u062f\u0627\u0631 \u0645\u0628\u0637\u0646 \u0628\u0640 <strong class=\"text-emerald-300\">\u0627\u0644\u0644\u064a\u062b\u064a\u0648\u0645<\/strong>.<br\/>\r\n            <strong class=\"text-emerald-300\">\u0627\u0644\u0637\u0627\u0642\u0629:<\/strong> \u0627\u0644\u0646\u064a\u0648\u062a\u0631\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u062a\u062e\u0631\u062c \u0645\u0646 \u0627\u0644\u0642\u0641\u0635 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a \u0644\u062a\u0631\u0633\u0628 \u0637\u0627\u0642\u062a\u0647\u0627 \u0641\u064a \u062c\u062f\u0627\u0631 \u0627\u0644\u0645\u0641\u0627\u0639\u0644 \u0645\u0648\u0644\u062f\u0629 \u062d\u0631\u0627\u0631\u0629 \u062a\u062d\u0631\u0643 \u0627\u0644\u062a\u0648\u0631\u0628\u064a\u0646\u0627\u062a \u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Tokamak Simulation -->\r\n      <div class=\"bg-slate-950 p-4 rounded-xl border border-slate-800 my-8\">\r\n         \r\n                    <div id=\"sim-container-0\" class=\"simulation-container\" style=\"margin: 2rem 0; padding: 1.5rem; background: rgba(30, 41, 59, 0.5); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; min-height: 400px;\">\r\n                        <div style=\"text-align: center; color: #94a3b8; padding: 2rem;\">\r\n                            \u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629...\r\n                        <\/div>\r\n                    <\/div>\r\n                  \r\n      <\/div>\r\n\r\n      <!-- Advantages -->\r\n      <div class=\"bg-indigo-900\/20 p-6 rounded-2xl border border-indigo-500\/30\">\r\n        <h4 class=\"text-lg font-bold text-indigo-400 mb-4 text-center\">5. \u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0627\u0646\u0634\u0637\u0627\u0631<\/h4>\r\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n          <div class=\"bg-slate-900\/60 p-4 rounded-xl border border-indigo-500\/20 text-center relative overflow-hidden group hover:border-indigo-500\/50 transition-colors\">\r\n            <div class=\"absolute -top-6 -right-6 w-16 h-16 bg-blue-500\/10 rounded-full group-hover:bg-blue-500\/20 transition-colors\"><\/div>\r\n            <div class=\"text-2xl mb-2 relative z-10\"><\/div>\r\n            <strong class=\"text-indigo-300 text-[13px] block mb-1 relative z-10\">\u0648\u0641\u0631\u0629 \u0627\u0644\u0648\u0642\u0648\u062f<\/strong>\r\n            <span class=\"text-[12px] text-slate-400 relative z-10\">\u0627\u0644\u062f\u064a\u062a\u064a\u0631\u064a\u0648\u0645 \u0645\u0646 \u0627\u0644\u0628\u062d\u0631\u060c \u0648\u0627\u0644\u0644\u064a\u062b\u064a\u0648\u0645 \u0645\u062a\u0648\u0641\u0631 \u0628\u0643\u062b\u0631\u0629.<\/span>\r\n          <\/div>\r\n          <div class=\"bg-slate-900\/60 p-4 rounded-xl border border-indigo-500\/20 text-center relative overflow-hidden group hover:border-indigo-500\/50 transition-colors\">\r\n            <div class=\"absolute -top-6 -right-6 w-16 h-16 bg-emerald-500\/10 rounded-full group-hover:bg-emerald-500\/20 transition-colors\"><\/div>\r\n            <div class=\"text-2xl mb-2 relative z-10\">\ufe0f<\/div>\r\n            <strong class=\"text-indigo-300 text-[13px] block mb-1 relative z-10\">\u0623\u0645\u0627\u0646 \u062a\u0627\u0645<\/strong>\r\n            <span class=\"text-[12px] text-slate-400 relative z-10\">\u0644\u0627 \u062e\u0637\u0631 \u0627\u0646\u0635\u0647\u0627\u0631\u060c \u0648\u0623\u064a \u062e\u0644\u0644 \u064a\u0648\u0642\u0641 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0641\u0648\u0631\u0627\u064b.<\/span>\r\n          <\/div>\r\n          <div class=\"bg-slate-900\/60 p-4 rounded-xl border border-indigo-500\/20 text-center relative overflow-hidden group hover:border-indigo-500\/50 transition-colors\">\r\n            <div class=\"absolute -top-6 -right-6 w-16 h-16 bg-green-500\/10 rounded-full group-hover:bg-green-500\/20 transition-colors\"><\/div>\r\n            <div class=\"text-2xl mb-2 relative z-10\">\ufe0f<\/div>\r\n            <strong class=\"text-indigo-300 text-[13px] block mb-1 relative z-10\">\u0646\u0641\u0627\u064a\u0627\u062a \u0645\u062d\u062f\u0648\u062f\u0629<\/strong>\r\n            <span class=\"text-[12px] text-slate-400 relative z-10\">\u0644\u0627 \u064a\u0646\u062a\u062c \u0646\u0641\u0627\u064a\u0627\u062a \u0625\u0634\u0639\u0627\u0639\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0639\u0645\u0631 \u062e\u0637\u064a\u0631\u0629.<\/span>\r\n          <\/div>\r\n          <div class=\"bg-slate-900\/60 p-4 rounded-xl border border-indigo-500\/20 text-center relative overflow-hidden group hover:border-indigo-500\/50 transition-colors\">\r\n            <div class=\"absolute -top-6 -right-6 w-16 h-16 bg-teal-500\/10 rounded-full group-hover:bg-teal-500\/20 transition-colors\"><\/div>\r\n            <div class=\"text-2xl mb-2 relative z-10\"><\/div>\r\n            <strong class=\"text-indigo-300 text-[13px] block mb-1 relative z-10\">\u0635\u062f\u064a\u0642 \u0644\u0644\u0645\u0646\u0627\u062e<\/strong>\r\n            <span class=\"text-[12px] text-slate-400 relative z-10\">\u0644\u0627 \u064a\u0635\u062f\u0631 \u0639\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u063a\u0627\u0632\u0627\u062a \u062f\u0641\u064a\u0626\u0629.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<hr class='my-10 border-slate-700' \/>\r\n<h3 class='text-2xl font-bold text-white mb-6 border-b border-slate-700 pb-2'>\u0645\u062d\u0627\u0643\u064a\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629<\/h3>\r\n\r\n      <\/div>\r\n  <\/div>\r\n\r\n  <script type=\"text\/babel\" data-presets=\"tsx\">\r\n    (function() {\r\n      try {\r\n        const { useState, useEffect, useRef } = React;\r\n\r\n        \/\/ Simple Tokamak Simulation using pure SVG with React state and no external motion libs\r\n        const TokamakSimulation = () => {\r\n          const [plalaTemp, setPlalaTemp] = useState(10); \/\/ in million \u00b0C\r\n          const [magneticField, setMagneticField] = useState(5);\r\n          const [isRunning, setIsRunning] = useState(false);\r\n          const [disruption, setDisruption] = useState(false);\r\n          \r\n          const isStable = (magneticField * 12) >= plalaTemp;\r\n          const isFusing = (plalaTemp > 100) && isStable && isRunning;\r\n\r\n          useEffect(() => {\r\n            if (isRunning && !isStable && plalaTemp > 30) {\r\n              setDisruption(true);\r\n              setIsRunning(false);\r\n              setPlalaTemp(0);\r\n              setTimeout(() => setDisruption(false), 1500);\r\n            }\r\n          }, [plalaTemp, magneticField, isRunning, isStable]);\r\n\r\n          const handleTempChange = (e) => {\r\n            const val = parseInt(e.target.value);\r\n            if (!isRunning && val > 0) setIsRunning(true);\r\n            if (disruption) setDisruption(false);\r\n            setPlalaTemp(val);\r\n          };\r\n\r\n          const getPlalaColor = () => {\r\n            if (!isRunning || plalaTemp === 0) return \"#334155\";\r\n            if (plalaTemp > 100 && isFusing) return \"#fbbf24\";\r\n            if (plalaTemp > 60) return \"#f97316\";\r\n            return \"#ec4899\";\r\n          };\r\n\r\n          return (\r\n            <div className=\"w-full bg-slate-950 rounded-2xl p-6 border border-slate-800 flex flex-col items-center select-none overflow-hidden text-slate-300\" dir=\"ltr\">\r\n              <h3 className=\"text-indigo-400 font-bold mb-4 font-serif text-lg\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0645\u0641\u0627\u0639\u0644 \u0627\u0644\u062a\u0648\u0643\u0627\u0645\u0627\u0643 (\u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u0639\u0631\u0636\u064a)<\/h3>\r\n              \r\n              <div className=\"relative w-full max-w-[400px] h-[300px] bg-slate-900 rounded-xl border border-slate-700 overflow-hidden mb-6 flex justify-center items-center\">\r\n                <svg viewBox=\"0 0 300 300\" className=\"w-full h-full\">\r\n                  {\/* \u0627\u0644\u063a\u0631\u0641\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 *\/}\r\n                  <circle cx=\"150\" cy=\"150\" r=\"120\" fill=\"#1e293b\" stroke=\"#334155\" strokeWidth=\"8\"\/>\r\n                  <circle cx=\"150\" cy=\"150\" r=\"60\" fill=\"#0f172a\" stroke=\"#334155\" strokeWidth=\"8\"\/>\r\n\r\n                  {\/* \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a \u0627\u0644\u062d\u0644\u0642\u064a *\/}\r\n                  {[0, 45, 90, 135, 180, 225, 270, 315].map(angle => (\r\n                    <g key={angle} transform={`rotate(${angle} 150 150)`}>\r\n                      <rect x=\"140\" y=\"20\" width=\"20\" height=\"260\" rx=\"10\" fill=\"none\" stroke=\"#475569\" strokeWidth=\"4\" opacity=\"0.6\"\/>\r\n                      <line x1=\"150\" y1=\"20\" x2=\"150\" y2=\"280\" stroke=\"#64748b\" strokeWidth=\"2\" strokeDasharray=\"4 4\" opacity={magneticField \/ 10}\/>\r\n                    <\/g>\r\n                  ))}\r\n\r\n                  {\/* \u062d\u0644\u0642\u0629 \u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627 *\/}\r\n                  {plalaTemp > 0 && !disruption && (\r\n                    <circle cx=\"150\" cy=\"150\" r=\"90\" fill=\"none\" stroke={getPlalaColor()} strokeWidth={Math.max(8, Math.min(28, plalaTemp \/ 4))} opacity=\"0.85\">\r\n                      <animate attributeName=\"stroke-width\" values={`${Math.max(8, plalaTemp\/4)};${Math.max(8, plalaTemp\/4)+2};${Math.max(8, plalaTemp\/4)}`} dur=\"0.4s\" repeatCount=\"indefinite\" \/>\r\n                      <animate attributeName=\"opacity\" values=\"0.7;1;0.7\" dur=\"0.6s\" repeatCount=\"indefinite\" \/>\r\n                    <\/circle>\r\n                  )}\r\n\r\n                  {\/* \u0641\u0644\u0627\u0634 \u0627\u0644\u0627\u0646\u0647\u064a\u0627\u0631 *\/}\r\n                  {disruption && (\r\n                    <circle cx=\"150\" cy=\"150\" r=\"110\" fill=\"none\" stroke=\"#f87171\" strokeWidth=\"20\" opacity=\"0\">\r\n                      <animate attributeName=\"opacity\" values=\"0.8;0\" dur=\"0.5s\" fill=\"freeze\" \/>\r\n                      <animate attributeName=\"r\" values=\"100;140\" dur=\"0.5s\" fill=\"freeze\" \/>\r\n                    <\/circle>\r\n                  )}\r\n\r\n                  {\/* \u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 *\/}\r\n                  {magneticField > 0 && (\r\n                    <g transform=\"rotate(45 150 150)\">\r\n                      <circle cx=\"150\" cy=\"150\" r=\"90\" fill=\"none\" stroke=\"#60a5fa\" strokeWidth=\"1\" strokeDasharray=\"10 10\" opacity={magneticField \/ 10}>\r\n                        <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 150 150\" to=\"360 150 150\" dur={`${12 - magneticField}s`} repeatCount=\"indefinite\"\/>\r\n                      <\/circle>\r\n                      <circle cx=\"150\" cy=\"150\" r=\"100\" fill=\"none\" stroke=\"#60a5fa\" strokeWidth=\"1\" strokeDasharray=\"15 15\" opacity={magneticField \/ 10}>\r\n                        <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"360 150 150\" to=\"0 150 150\" dur={`${13 - magneticField}s`} repeatCount=\"indefinite\"\/>\r\n                      <\/circle>\r\n                      <circle cx=\"150\" cy=\"150\" r=\"80\" fill=\"none\" stroke=\"#60a5fa\" strokeWidth=\"1\" strokeDasharray=\"8 8\" opacity={magneticField \/ 10}>\r\n                        <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"360 150 150\" to=\"0 150 150\" dur={`${11 - magneticField}s`} repeatCount=\"indefinite\"\/>\r\n                      <\/circle>\r\n                    <\/g>\r\n                  )}\r\n                <\/svg>\r\n\r\n                {\/* \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0641\u0627\u0639\u0644 *\/}\r\n                <div className=\"absolute top-2 left-2 pointer-events-none\">\r\n                  <span className={`text-[10px] font-mono px-2 py-1 rounded bg-slate-900 border ${disruption ? 'text-rose-400 border-rose-500' : (isFusing ? 'text-amber-400 border-amber-500' : (isRunning ? 'text-slate-300 border-slate-600' : 'text-slate-500 border-slate-700'))}`}>\r\n                    {disruption ? '\u0627\u0646\u0647\u064a\u0627\u0631 \u0627\u0644\u062d\u0628\u0633!' : (isFusing ? '\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c' : (isRunning ? '\u062a\u0633\u062e\u064a\u0646 \u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627...' : '\u062e\u0627\u0645\u0644'))}\r\n                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div className=\"w-full space-y-4\">\r\n                <div>\r\n                  <div className=\"flex justify-between text-l font-bold text-slate-400 mb-1\">\r\n                    <span>\u0634\u062f\u0629 \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a (\u062a\u0633\u0644\u0627)<\/span>\r\n                    <span>{magneticField} T<\/span>\r\n                  <\/div>\r\n                  <input type=\"range\" min=\"1\" max=\"10\" step=\"1\" value={magneticField} onChange={(e) => setMagneticField(parseInt(e.target.value))} className=\"w-full accent-indigo-500 h-1.5 rounded-lg\" \/>\r\n                <\/div>\r\n                <div>\r\n                  <div className=\"flex justify-between text-l font-bold text-slate-400 mb-1\">\r\n                    <span>\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627 (\u0645\u0644\u064a\u0648\u0646 \u062f\u0631\u062c\u0629 \u0645\u0626\u0648\u064a\u0629)<\/span>\r\n                    <span className={plalaTemp > 100 ? 'text-amber-400' : ''}>{plalaTemp} M\u00b0C<\/span>\r\n                  <\/div>\r\n                  <input type=\"range\" min=\"0\" max=\"150\" step=\"5\" value={plalaTemp} onChange={handleTempChange} className={`w-full h-1.5 rounded-lg ${plalaTemp > 100 ? 'accent-amber-500' : 'accent-rose-500'}`} \/>\r\n                <\/div>\r\n                \r\n                <p className=\"text-[10px] text-slate-500 text-center italic mt-2\">\r\n                  \u0645\u0644\u0627\u062d\u0638\u0629: \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a \u062a\u0633\u0645\u062d \u0628\u0627\u062d\u062a\u062c\u0627\u0632 \u0628\u0644\u0627\u0632\u0645\u0627 \u0623\u0643\u062b\u0631 \u062d\u0631\u0627\u0631\u0629. \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c \u064a\u062d\u062a\u0627\u062c &gt; 100 \u0645\u0644\u064a\u0648\u0646 \u062f\u0631\u062c\u0629 \u0645\u0626\u0648\u064a\u0629 \u0645\u0639 \u0645\u062c\u0627\u0644 \u0643\u0627\u0641\u064d.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          );\r\n        };\r\n\r\n        const root = ReactDOM.createRoot(document.getElementById('sim-container-0'));\r\n        root.render(<TokamakSimulation \/>);\r\n      } catch (err) {\r\n        console.error('Simulation error:', err);\r\n        document.getElementById('sim-container-0').innerHTML = '<div style=\"padding: 1rem; color: #ef4444; text-align: center;\">\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629:<br\/>' + err.message + '<\/div>';\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18799","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=18799"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18799\/revisions"}],"predecessor-version":[{"id":18800,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18799\/revisions\/18800"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}