\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u0645\u0633\u0644\u064a\u0629 | \u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0633\u0639: \u062f\u0648\u0631\u0629 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\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 direction: rtl;\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 ::-webkit-scrollbar-thumb:hover { background: #6366f1; }\r\n .sim-container {\r\n background: #0f172a;\r\n border-radius: 1rem;\r\n border: 1px solid #334155;\r\n padding: 1rem;\r\n margin: 2rem 0;\r\n }\r\n \/* \u062a\u0646\u0633\u064a\u0642 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0645\u062d\u0627\u0643\u0627\u0629 *\/\r\n .info-badge {\r\n background: #0f172a;\r\n padding: 0.25rem 0.75rem;\r\n border-radius: 1rem;\r\n font-size: 0.75rem;\r\n border: 1px solid #334155;\r\n }\r\n .animated-dash {\r\n stroke-dasharray: 12 8;\r\n animation: dashMove 0.8s linear infinite;\r\n }\r\n @keyframes dashMove {\r\n to { stroke-dashoffset: -40; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"content-container\">\r\n \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\u0627\u0644\u062a\u0648\u0633\u0639: \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (Refrigerator)<\/h1>\r\n <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\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\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"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 \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\/04\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u0627\u0644\u062a\u0648\u0633\u0639__\u0627\u0644\u062b\u0644\u0627\u062c\u0629_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\/04\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u0627\u0644\u062a\u0648\u0633\u0639__\u0627\u0644\u062b\u0644\u0627\u062c\u0629_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 \r\n <div class=\"space-y-12 text-right\" dir=\"rtl\">\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-amber-500 rounded-full\"><\/span>\u0645\u0642\u062f\u0645\u0629<\/h2>\r\n <p class=\"text-slate-300 leading-relaxed mb-4\">\r\n \u0641\u064a \u062d\u064a\u0627\u062a\u0646\u0627 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\u060c \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0644\u062d\u0641\u0638 \u0627\u0644\u0637\u0639\u0627\u0645 \u0648\u0627\u0644\u0634\u0631\u0627\u0628 \u0628\u062f\u0631\u062c\u0627\u062a \u062d\u0631\u0627\u0631\u0629 \u0645\u0646\u062e\u0641\u0636\u0629\u060c \u0645\u0645\u0627 \u064a\u0628\u0637\u0626 \u0646\u0645\u0648 \u0627\u0644\u0628\u0643\u062a\u064a\u0631\u064a\u0627 \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0644\u0641. \u0644\u0643\u0646 \u0647\u0644 \u062a\u0633\u0627\u0621\u0644\u062a \u064a\u0648\u0645\u0627\u064b \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\u061f \u0648\u0644\u0645\u0627\u0630\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0645\u0646\u0647\u0627 \u0633\u0627\u062e\u0646\u0627\u064b\u061f \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u0627 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0644\u0645\u0646\u0627\u0647\u0627 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0648\u062d\u062f\u0629.\r\n <\/p>\r\n <p class=\"text-slate-300 leading-relaxed\">\r\n \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0639\u0644\u0649 \u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644\u0647\u0627 (\u0627\u0644\u0628\u0627\u0631\u062f) \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u062c (\u0627\u0644\u063a\u0631\u0641\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u062f\u0641\u0626\u0627\u064b). \u0648\u0647\u0630\u0627 \u064a\u062a\u0637\u0644\u0628 \u0628\u0630\u0644 \u0634\u063a\u0644\u060c \u0644\u0623\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0644\u0627 \u062a\u0646\u062a\u0642\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0646 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0628\u0627\u0631\u062f \u0625\u0644\u0649 \u0627\u0644\u0633\u0627\u062e\u0646. \u0647\u0630\u0627 \u0645\u0627 \u064a\u0645\u064a\u0632 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 (\u0645\u062b\u0644 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0633\u0627\u062e\u0646 \u0625\u0644\u0649 \u0627\u0644\u0628\u0627\u0631\u062f \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b).\r\n <\/p>\r\n <p class=\"text-slate-300 leading-relaxed mt-4\">\r\n \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0634\u0631\u062d\u060c \u0633\u0646\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u062f\u0648\u0631\u0629 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629) \u0627\u0644\u0645\u0643\u0648\u0646\u0629 \u0645\u0646 \u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644 \u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0643\u064a\u0641 \u062a\u0633\u062a\u062e\u062f\u0645 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u0627\u0644\u0645\u0628\u0631\u062f) \u0644\u0646\u0642\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0643\u0633 \u0627\u062a\u062c\u0627\u0647\u0647\u0627 \u0627\u0644\u0637\u0628\u064a\u0639\u064a.\r\n <\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-blue-500 rounded-full\"><\/span>\u0623\u0648\u0644\u0627\u064b: \u0645\u0628\u062f\u0623 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u2013 \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0641\u0643\u0631\u0629<\/h2>\r\n <div class=\"bg-black\/30 p-5 rounded-2xl border border-white\/5 mb-4\">\r\n <p class=\"text-slate-300 leading-relaxed mb-3\">\r\n \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u062c\u0647\u0627\u0632 \u064a\u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0645\u0646 \u062e\u0632\u0627\u0646 \u0628\u0627\u0631\u062f (\u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629) \u0625\u0644\u0649 \u062e\u0632\u0627\u0646 \u0633\u0627\u062e\u0646 (\u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u062e\u0627\u0631\u062c\u064a). \u0644\u0643\u064a \u064a\u062d\u062f\u062b \u0647\u0630\u0627\u060c \u064a\u062c\u0628 \u0628\u0630\u0644 \u0634\u063a\u0644 (\u0639\u0627\u062f\u0629 \u0628\u0648\u0627\u0633\u0637\u0629 \u0636\u0627\u063a\u0637 \u0643\u0647\u0631\u0628\u0627\u0626\u064a). \u062a\u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0648\u0641\u0642 \u062f\u0648\u0631\u0629 \u062a\u0628\u0631\u064a\u062f \u0645\u063a\u0644\u0642\u0629\u060c \u064a\u0645\u0631 \u0641\u064a\u0647\u0627 \u0633\u0627\u0626\u0644 \u062e\u0627\u0635 (\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f) \u0628\u0623\u0646\u0627\u0628\u064a\u0628 \u062f\u0627\u062e\u0644 \u0648\u062e\u0627\u0631\u062c \u0627\u0644\u062b\u0644\u0627\u062c\u0629\u060c \u0648\u064a\u062a\u063a\u064a\u0631 \u062d\u0627\u0644\u062a\u0647 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 (\u0628\u064a\u0646 \u0627\u0644\u0633\u0627\u0626\u0644 \u0648\u0627\u0644\u063a\u0627\u0632) \u0641\u064a \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062f\u0648\u0631\u0629.\r\n <\/p>\r\n <div class=\"bg-cyan-900\/20 border-r-2 border-cyan-500 p-3 rounded-l-lg mt-4 text-cyan-100\">\r\n <strong class=\"text-cyan-300\">\u0645\u0628\u062f\u0623 \u0623\u0633\u0627\u0633\u064a:<\/strong> \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0628\u062e\u0631 \u0633\u0627\u0626\u0644 (\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u063a\u0627\u0632) \u0641\u0625\u0646\u0647 \u064a\u0645\u062a\u0635 \u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0648\u0633\u0637 \u0627\u0644\u0645\u062d\u064a\u0637 (\u062a\u0628\u0631\u064a\u062f). \u0648\u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0643\u0627\u062b\u0641 \u063a\u0627\u0632 (\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0633\u0627\u0626\u0644) \u0641\u0625\u0646\u0647 \u064a\u0637\u0644\u0642 \u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0648\u0633\u0637 \u0627\u0644\u0645\u062d\u064a\u0637 (\u062a\u0633\u062e\u064a\u0646). \u0647\u0630\u0627 \u0647\u0648 \u0633\u0631 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629.\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-emerald-500 rounded-full\"><\/span>\u062b\u0627\u0646\u064a\u0627\u064b: \u0645\u0631\u0627\u062d\u0644 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u0627\u0644\u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644)<\/h2>\r\n <p class=\"text-slate-300 leading-relaxed mb-6\">\r\n \u062a\u062a\u0643\u0648\u0646 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0641\u064a \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0645\u0646 \u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644 \u0623\u0633\u0627\u0633\u064a\u0629. \u0633\u0623\u0634\u0631\u062d\u0647\u0627 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0645\u0639 \u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062a\u0648\u0636\u062d \u0645\u0633\u0627\u0631 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f:\r\n <\/p>\r\n\r\n \r\n <div id=\"refrigerator-simulation\" class=\"sim-container\"><\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-8\">\r\n <div class=\"bg-blue-900\/20 border border-blue-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-blue-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0627\u0644\u062a\u0628\u062e\u0631 (\u0627\u0644\u062a\u0628\u0631\u064a\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (\u0627\u0644\u0645\u0628\u062e\u0631 \u2013 Evaporator).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0633\u0627\u0626\u0644\u0629\u060c \u0628\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u062c\u062f\u0627\u064b.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0645\u0631 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0639\u0628\u0631 \u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0645\u0628\u062e\u0631\u060c \u064a\u0645\u062a\u0635 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u060c \u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u063a\u0627\u0632.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u0628\u0631\u062f \u0627\u0644\u0647\u0648\u0627\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\u060c \u0648\u064a\u0635\u0628\u062d \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u063a\u0627\u0632\u0627\u064b \u0630\u0627 \u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-amber-900\/20 border border-amber-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-amber-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0627\u0644\u0627\u0646\u0636\u063a\u0627\u0637 (\u0627\u0644\u0636\u0627\u063a\u0637 \u2013 Compressor)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u0627\u0644\u0636\u0627\u063a\u0637 (\u0639\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0627\u0644\u0633\u0641\u0644\u064a).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u063a\u0627\u0632 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0628\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0636\u063a\u0637 \u0627\u0644\u0636\u0627\u063a\u0637 \u0627\u0644\u063a\u0627\u0632\u060c \u0641\u064a\u0642\u0644 \u062d\u062c\u0645\u0647 \u0648\u064a\u0632\u064a\u062f \u0636\u063a\u0637\u0647 \u0648\u062d\u0631\u0627\u0631\u062a\u0647.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u062e\u0631\u062c \u0627\u0644\u063a\u0627\u0632 \u0628\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639 \u0648\u062d\u0631\u0627\u0631\u0629 \u0645\u0631\u062a\u0641\u0639\u0629 \u062c\u062f\u0627\u064b.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-rose-900\/20 border border-rose-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-rose-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629: \u0627\u0644\u062a\u0643\u0627\u062b\u0641 (\u062a\u0628\u062f\u064a\u062f \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u062c)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u0627\u0644\u0645\u0643\u062b\u0641 (\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u063a\u0627\u0632 \u0633\u0627\u062e\u0646 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0637\u0644\u0642 \u0627\u0644\u063a\u0627\u0632 \u062d\u0631\u0627\u0631\u062a\u0647 \u0625\u0644\u0649 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u060c \u0641\u064a\u062a\u0643\u0627\u062b\u0641 \u0648\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0633\u0627\u0626\u0644.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u0635\u0628\u062d \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0628\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639 \u0648\u062d\u0631\u0627\u0631\u0629 \u0645\u0639\u062a\u062f\u0644\u0629\u060c \u0648\u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0633\u0627\u062e\u0646.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-emerald-900\/20 border border-emerald-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-emerald-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629: \u0627\u0644\u062a\u0645\u062f\u062f (\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0648\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f (Expansion valve).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u0633\u0627\u0626\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0646\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0641\u062c\u0623\u0629\u060c \u0641\u064a\u0628\u0631\u062f \u0627\u0644\u0633\u0627\u0626\u0644 \u0628\u0634\u062f\u0629 \u0648\u064a\u062a\u062d\u0648\u0644 \u062c\u0632\u0626\u064a\u0627\u064b \u0625\u0644\u0649 \u063a\u0627\u0632.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u0639\u0648\u062f \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0634\u062f\u064a\u062f \u0627\u0644\u0628\u0631\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0628\u062e\u0631 \u0644\u062a\u0628\u062f\u0623 \u0627\u0644\u062f\u0648\u0631\u0629 \u0645\u0646 \u062c\u062f\u064a\u062f.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"overflow-x-auto mb-8 bg-black\/20 rounded-xl p-2\">\r\n <table class=\"w-full text-l text-right text-slate-300\">\r\n <thead class=\"bg-white\/10\">\r\n <tr><th class=\"px-4 py-2\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629<\/th><th class=\"px-4 py-2\">\u0627\u0644\u0645\u0648\u0642\u0639<\/th><th class=\"px-4 py-2\">\u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0628\u0631\u062f<\/th><th class=\"px-4 py-2\">\u0627\u0644\u062a\u063a\u064a\u0631 \u0641\u064a \u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/th><th class=\"px-4 py-2\">\u0627\u0644\u062a\u063a\u064a\u0631 \u0641\u064a \u0627\u0644\u0636\u063a\u0637<\/th><\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-white\/10\">\r\n <tr><td class=\"px-4 py-2 font-bold text-blue-300\">1. \u0627\u0644\u062a\u0628\u062e\u0631<\/td><td class=\"px-4 py-2\">\u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (\u0627\u0644\u0645\u0628\u062e\u0631)<\/td><td class=\"px-4 py-2\">\u0633\u0627\u0626\u0644 \u2190 \u063a\u0627\u0632<\/td><td class=\"px-4 py-2\">\u064a\u0645\u062a\u0635 \u062d\u0631\u0627\u0631\u0629 (\u064a\u0628\u0631\u062f \u0627\u0644\u062f\u0627\u062e\u0644)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636<\/td><\/tr>\r\n <tr><td class=\"px-4 py-2 font-bold text-amber-300\">2. \u0627\u0644\u0627\u0646\u0636\u063a\u0627\u0637<\/td><td class=\"px-4 py-2\">\u0627\u0644\u0636\u0627\u063a\u0637 (\u062e\u0644\u0641 \u0627\u0644\u062b\u0644\u0627\u062c\u0629)<\/td><td class=\"px-4 py-2\">\u063a\u0627\u0632 \u2190 \u063a\u0627\u0632 \u0645\u0636\u063a\u0648\u0637<\/td><td class=\"px-4 py-2\">\u064a\u0632\u062f\u0627\u062f \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u0628\u0630\u0644 \u0634\u063a\u0644)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639<\/td><\/tr>\r\n <tr><td class=\"px-4 py-2 font-bold text-rose-300\">3. \u0627\u0644\u062a\u0643\u0627\u062b\u0641<\/td><td class=\"px-4 py-2\">\u0627\u0644\u0645\u0643\u062b\u0641 (\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629)<\/td><td class=\"px-4 py-2\">\u063a\u0627\u0632 \u2190 \u0633\u0627\u0626\u0644<\/td><td class=\"px-4 py-2\">\u064a\u0637\u0644\u0642 \u062d\u0631\u0627\u0631\u0629 (\u064a\u0633\u062e\u0646 \u0627\u0644\u062e\u0644\u0641)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639<\/td><\/tr>\r\n <tr><td class=\"px-4 py-2 font-bold text-emerald-300\">4. \u0627\u0644\u062a\u0645\u062f\u062f<\/td><td class=\"px-4 py-2\">\u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f<\/td><td class=\"px-4 py-2\">\u0633\u0627\u0626\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637 \u2190 \u0633\u0627\u0626\u0644+\u063a\u0627\u0632<\/td><td class=\"px-4 py-2\">\u062a\u0646\u062e\u0641\u0636 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u062a\u0628\u0631\u064a\u062f \u0630\u0627\u062a\u064a)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-purple-500 rounded-full\"><\/span>\u0631\u0627\u0628\u0639\u0627\u064b: \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062a\u0636\u0645\u0646\u0629 \u0641\u064a \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629<\/h2>\r\n <ul class=\"space-y-2 text-slate-300 list-disc list-inside\">\r\n <li><strong class=\"text-white\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062b\u0627\u0646\u064a \u0644\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u0627 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629:<\/strong> \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0644\u0627 \u062a\u0646\u062a\u0642\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0646 \u062c\u0633\u0645 \u0628\u0627\u0631\u062f \u0625\u0644\u0649 \u0633\u0627\u062e\u0646. \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u062a\u0646\u0642\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0643\u0633 \u0627\u062a\u062c\u0627\u0647\u0647\u0627 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0628\u0630\u0644 \u0634\u063a\u0644 (\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0637\u0627\u0642\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629).<\/li>\r\n <li><strong class=\"text-white\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0643\u0627\u0645\u0646\u0629 \u0644\u0644\u062a\u0628\u062e\u0631:<\/strong> \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0628\u062e\u0631 \u062a\u0645\u062a\u0635 \u062d\u0631\u0627\u0631\u0629 \u0643\u0628\u064a\u0631\u0629\u060c \u0648\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0643\u0627\u062b\u0641 \u062a\u0637\u0644\u0642 \u0646\u0641\u0633 \u0627\u0644\u0643\u0645\u064a\u0629.<\/li>\r\n <li><strong class=\"text-white\">\u0642\u0627\u0646\u0648\u0646 \u0628\u0648\u064a\u0644 \u0648\u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643:<\/strong> \u0639\u0646\u062f \u0636\u063a\u0637 \u0627\u0644\u063a\u0627\u0632 \u062a\u0632\u062f\u0627\u062f \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647\u060c \u0648\u0639\u0646\u062f \u062a\u0645\u062f\u062f\u0647 \u062a\u0646\u062e\u0641\u0636.<\/li>\r\n <li><strong class=\"text-white\">\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f:<\/strong> \u062f\u064a\u0646\u0627\u0645\u064a\u0629 \u062d\u0631\u0627\u0631\u064a\u0629 \u0645\u063a\u0644\u0642\u0629\u060c \u062a\u0639\u064a\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0645\u0631\u0627\u0631\u0627\u064b.<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-pink-500 rounded-full\"><\/span>\u062e\u0627\u0645\u0633\u0627\u064b: \u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u0639 \u0645\u0643\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621<\/h2>\r\n <p class=\"text-slate-300 mb-3\">\u0645\u0628\u062f\u0623 \u0639\u0645\u0644 \u0645\u0643\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621 \u0645\u0634\u0627\u0628\u0647 \u062c\u062f\u0627\u064b \u0644\u0644\u062b\u0644\u0627\u062c\u0629\u060c \u0644\u0643\u0646 \u0645\u0639 \u0627\u062e\u062a\u0644\u0627\u0641 \u0628\u0633\u064a\u0637:<\/p>\r\n <ul class=\"list-disc list-inside text-slate-300 mb-6\">\r\n <li><strong>\u0641\u064a \u0627\u0644\u062b\u0644\u0627\u062c\u0629:<\/strong> \u0627\u0644\u0645\u0628\u062e\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (\u064a\u0628\u0631\u062f \u062d\u064a\u0632\u0627\u064b \u0635\u063a\u064a\u0631\u0627\u064b \u0645\u063a\u0644\u0642\u0627\u064b)\u060c \u0648\u0627\u0644\u0645\u0643\u062b\u0641 \u062e\u0627\u0631\u062c\u0647\u0627.<\/li>\r\n <li><strong>\u0641\u064a \u0627\u0644\u0645\u0643\u064a\u0641:<\/strong> \u0627\u0644\u0645\u0628\u062e\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u063a\u0631\u0641\u0629 (\u064a\u0628\u0631\u062f \u0647\u0648\u0627\u0621 \u0627\u0644\u063a\u0631\u0641\u0629)\u060c \u0648\u0627\u0644\u0645\u0643\u062b\u0641 \u062e\u0627\u0631\u062c \u0627\u0644\u0645\u0628\u0646\u0649 (\u064a\u0637\u0644\u0642 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062c\u0648).<\/li>\r\n <li><strong class=\"text-cyan-200\">\u0644\u0630\u0627\u060c \u064a\u0645\u0643\u0646 \u0627\u0644\u0642\u0648\u0644 \u0625\u0646 \u0645\u0643\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621 \u0647\u0648 \"\u062b\u0644\u0627\u062c\u0629\" \u062a\u0628\u0631\u062f \u0627\u0644\u063a\u0631\u0641\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062d\u064a\u0632 \u0635\u063a\u064a\u0631.<\/strong><\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-amber-500 rounded-full\"><\/span>\u0633\u0627\u062f\u0633\u0627\u064b: \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0647\u0645\u0629<\/h2>\r\n <div class=\"space-y-4 text-slate-300\">\r\n <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/5\"><strong class=\"text-amber-200\">\u0644\u0645\u0627\u0630\u0627 \u064a\u062c\u0628 \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0643\u062b\u0641 (\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629) \u0644\u0644\u062b\u0644\u0627\u062c\u0629\u061f<\/strong><br>\u0644\u0623\u0646 \u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u063a\u0628\u0627\u0631 \u064a\u0645\u0646\u0639 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0648\u064a\u0632\u064a\u062f \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621.<\/div>\r\n <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/5\"><strong class=\"text-rose-200\">\u0644\u0645\u0627\u0630\u0627 \u062a\u0632\u062f\u0627\u062f \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0644\u0644\u062b\u0644\u0627\u062c\u0629 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u0645\u062d\u0631\u0643 \u0642\u064a\u062f \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u061f<\/strong><br>\u0644\u0623\u0646 \u0627\u0644\u0645\u0643\u062b\u0641 \u064a\u0637\u0644\u0642 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0635\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629.<\/div>\r\n <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/5 border-r-4 border-r-purple-500\"><strong class=\"text-purple-300\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0641\u064a \u063a\u0631\u0641\u0629 \u0645\u063a\u0644\u0642\u0629 \u0648\u062a\u0628\u0631\u062f\u0647\u0627\u061f<\/strong><br>\u0644\u0627\u060c \u0644\u0623\u0646 \u0627\u0644\u0645\u0643\u062b\u0641 \u064a\u0637\u0644\u0642 \u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u063a\u0631\u0641\u0629 \u0623\u0643\u062b\u0631 \u0645\u0645\u0627 \u064a\u0645\u062a\u0635\u0647 \u0627\u0644\u0645\u0628\u062e\u0631 (\u0628\u0633\u0628\u0628 \u0627\u0644\u0634\u063a\u0644 \u0627\u0644\u0645\u0628\u0630\u0648\u0644). \u0641\u062a\u0634\u063a\u064a\u0644 \u062b\u0644\u0627\u062c\u0629 \u0628\u0628\u0627\u0628 \u0645\u0641\u062a\u0648\u062d \u0633\u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u062a\u0633\u062e\u064a\u0646 \u0627\u0644\u063a\u0631\u0641\u0629.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-cyan-500 rounded-full\"><\/span>\u0633\u0627\u0628\u0639\u0627\u064b: \u062e\u0644\u0627\u0635\u0629<\/h2>\r\n <div class=\"bg-cyan-900\/10 p-5 rounded-2xl border border-cyan-500\/20\">\r\n <ul class=\"space-y-3 text-slate-300 list-disc list-inside\">\r\n <li>\u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u062a\u0646\u0642\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0627\u0631\u062f \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u062c \u0627\u0644\u0633\u0627\u062e\u0646 \u0628\u0628\u0630\u0644 \u0634\u063a\u0644 (\u0643\u0647\u0631\u0628\u0627\u0621).<\/li>\r\n <li>\u062a\u0645\u0631 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0628\u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644: <strong>\u062a\u0628\u062e\u0631<\/strong> (\u0627\u0645\u062a\u0635\u0627\u0635 \u062d\u0631\u0627\u0631\u0629) \u2192 <strong>\u0627\u0646\u0636\u063a\u0627\u0637<\/strong> \u2192 <strong>\u062a\u0643\u0627\u062b\u0641<\/strong> (\u0625\u0637\u0644\u0627\u0642 \u062d\u0631\u0627\u0631\u0629) \u2192 <strong>\u062a\u0645\u062f\u062f<\/strong>.<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0628\u062e\u0631<\/strong> \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u064a\u0645\u062a\u0635 \u0627\u0644\u062d\u0631\u0627\u0631\u0629.<\/li>\r\n <li><strong>\u0627\u0644\u0636\u0627\u063a\u0637<\/strong> \u064a\u0636\u063a\u0637 \u0627\u0644\u063a\u0627\u0632 (\u064a\u0631\u0641\u0639 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0648\u0636\u063a\u0637\u0647).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0643\u062b\u0641<\/strong> \u062e\u0644\u0641 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u064a\u0637\u0644\u0642 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u064a\u0633\u062e\u0646 \u0627\u0644\u062e\u0644\u0641).<\/li>\r\n <li><strong>\u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f<\/strong> \u064a\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0648\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0627\u064b \u0644\u062f\u0648\u0631\u0629 \u062c\u062f\u064a\u062f\u0629.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ ---------------------------------------------\r\n \/\/ \u0645\u062d\u0627\u0643\u0627\u0629 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0643\u0627\u0645\u0644\u0629)\r\n \/\/ ---------------------------------------------\r\n (function() {\r\n \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0631\u0628\u0639\r\n const stagesData = [\r\n { id: 0, name: \"\u0627\u0644\u062a\u0628\u062e\u0631 (Evaporator)\", color: \"#3b82f6\", bgLight: \"rgba(59,130,246,0.2)\", textColor: \"#93c5fd\", \r\n desc: \"\u064a\u0645\u062a\u0635 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0648\u064a\u0628\u0631\u062f \u0627\u0644\u0623\u0637\u0639\u0645\u0629\", state: \"\u0633\u0627\u0626\u0644 \u2190 \u063a\u0627\u0632\", position: \"\u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 - \u0627\u0644\u0645\u0628\u062e\u0631\" },\r\n { id: 1, name: \"\u0627\u0644\u0627\u0646\u0636\u063a\u0627\u0637 (Compressor)\", color: \"#f59e0b\", bgLight: \"rgba(245,158,11,0.2)\", textColor: \"#fcd34d\",\r\n desc: \"\u0631\u0641\u0639 \u0636\u063a\u0637 \u0648\u062d\u0631\u0627\u0631\u0629 \u063a\u0627\u0632 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u0628\u0630\u0644 \u0634\u063a\u0644)\", state: \"\u063a\u0627\u0632 \u0645\u0646\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u2190 \u063a\u0627\u0632 \u0645\u0636\u063a\u0648\u0637\", position: \"\u062e\u0644\u0641 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 - \u0627\u0644\u0636\u0627\u063a\u0637\" },\r\n { id: 2, name: \"\u0627\u0644\u062a\u0643\u0627\u062b\u0641 (Condenser)\", color: \"#f43f5e\", bgLight: \"rgba(244,63,94,0.2)\", textColor: \"#fecdd3\",\r\n desc: \"\u0637\u0631\u062f \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0635\u0629 \u0625\u0644\u0649 \u0647\u0648\u0627\u0621 \u0627\u0644\u063a\u0631\u0641\u0629\", state: \"\u063a\u0627\u0632 \u0633\u0627\u062e\u0646 \u2190 \u0633\u0627\u0626\u0644\", position: \"\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 - \u0627\u0644\u0645\u0643\u062b\u0641\" },\r\n { id: 3, name: \"\u0627\u0644\u062a\u0645\u062f\u062f (Expansion Valve)\", color: \"#10b981\", bgLight: \"rgba(16,185,129,0.2)\", textColor: \"#a7f3d0\",\r\n desc: \"\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0641\u062c\u0623\u0629 \u0644\u062a\u0628\u0631\u064a\u062f \u0627\u0644\u0633\u0627\u0626\u0644\", state: \"\u0633\u0627\u0626\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637 \u2190 \u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636\", position: \"\u0642\u0628\u0644 \u0627\u0644\u0645\u0628\u062e\u0631 - \u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f\" }\r\n ];\r\n \r\n let activeStage = 0;\r\n let isPlaying = true;\r\n let intervalId = null;\r\n \r\n const simRoot = document.getElementById(\"refrigerator-simulation\");\r\n if (!simRoot) return;\r\n \r\n function buildSimulation() {\r\n simRoot.innerHTML = `\r\n <div class=\"p-4 md:p-5\">\r\n <div class=\"flex justify-between items-center mb-4 flex-wrap gap-3\">\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white\">\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/h3>\r\n <p class=\"text-l text-slate-400\">\u062a\u0627\u0628\u0639 \u062d\u0631\u0643\u0629 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0639\u0628\u0631 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0631\u0628\u0639 (\u0645\u0633\u0627\u0631 \u0639\u0642\u0627\u0631\u0628 \u0627\u0644\u0633\u0627\u0639\u0629)<\/p>\r\n <\/div>\r\n <button id=\"playPauseBtn\" class=\"p-3 bg-slate-800 hover:bg-slate-700 rounded-full text-white transition border border-slate-600 focus:outline-none\">\r\n <svg id=\"playPauseIcon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"relative w-full min-h-[320px] md:min-h-[360px] bg-slate-900\/40 rounded-2xl border border-slate-700\/60 mb-5 overflow-hidden\">\r\n <div class=\"absolute inset-0 pointer-events-none opacity-20 transition-all\" id=\"glowBg\"><\/div>\r\n <svg id=\"cycleSvg\" viewBox=\"0 0 500 360\" preserveAspectRatio=\"xMidYMid meet\" class=\"w-full h-full\"><\/svg>\r\n <\/div>\r\n <div id=\"stageDetailsCard\" class=\"rounded-xl p-4 mb-5 transition-all duration-200\" style=\"background: ${stagesData[0].bgLight}; border-right: 4px solid ${stagesData[0].color};\">\r\n <div class=\"flex flex-col md:flex-row gap-4 items-start\">\r\n <div class=\"flex-1\">\r\n <h4 id=\"stageName\" class=\"text-xl font-bold mb-1\" style=\"color: ${stagesData[0].textColor}\">${stagesData[0].name}<\/h4>\r\n <div class=\"flex flex-wrap gap-2 mt-2\">\r\n <span class=\"info-badge\"> ${stagesData[0].position}<\/span>\r\n <span class=\"info-badge font-mono\">${stagesData[0].state}<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-black\/30 p-3 rounded-xl min-w-[180px]\">\r\n <span class=\"text-slate-400 text-l\">\u0627\u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a<\/span>\r\n <strong id=\"stageAction\" class=\"text-white text-l block\">${stagesData[0].desc}<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-4 gap-2 md:gap-3\">\r\n <button data-stage=\"0\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 1<\/button>\r\n <button data-stage=\"1\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 2<\/button>\r\n <button data-stage=\"2\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 3<\/button>\r\n <button data-stage=\"3\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 4<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n const svg = document.getElementById(\"cycleSvg\");\r\n if (svg) drawCycleDiagram(svg);\r\n \r\n document.getElementById(\"playPauseBtn\")?.addEventListener(\"click\", togglePlayPause);\r\n document.querySelectorAll(\".stage-btn\").forEach(btn => {\r\n btn.addEventListener(\"click\", (e) => {\r\n const stageIdx = parseInt(btn.getAttribute(\"data-stage\"));\r\n if (!isNaN(stageIdx)) {\r\n setActiveStage(stageIdx);\r\n if (isPlaying) togglePlayPause();\r\n }\r\n });\r\n });\r\n \r\n startAutoCycle();\r\n updateStageUI();\r\n }\r\n \r\n function drawCycleDiagram(svg) {\r\n svg.innerHTML = '';\r\n const points = {\r\n evaporator: { x: 90, y: 180, label: \"1. \u0627\u0644\u0645\u0628\u062e\u0631\" },\r\n compressor: { x: 250, y: 300, label: \"2. \u0627\u0644\u0636\u0627\u063a\u0637\" },\r\n condenser: { x: 410, y: 180, label: \"3. \u0627\u0644\u0645\u0643\u062b\u0641\" },\r\n expansion: { x: 250, y: 60, label: \"4. \u0627\u0644\u062a\u0645\u062f\u062f\" }\r\n };\r\n \r\n const lines = [\r\n { from: points.evaporator, to: points.compressor },\r\n { from: points.compressor, to: points.condenser },\r\n { from: points.condenser, to: points.expansion },\r\n { from: points.expansion, to: points.evaporator }\r\n ];\r\n \r\n lines.forEach(line => {\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n const d = `M ${line.from.x} ${line.from.y} Q ${(line.from.x+line.to.x)\/2} ${(line.from.y+line.to.y)\/2+10} ${line.to.x} ${line.to.y}`;\r\n path.setAttribute(\"d\", d);\r\n path.setAttribute(\"stroke\", \"#334155\");\r\n path.setAttribute(\"stroke-width\", \"5\");\r\n path.setAttribute(\"fill\", \"none\");\r\n svg.appendChild(path);\r\n });\r\n \r\n const movingLines = lines.map(line => {\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n const d = `M ${line.from.x} ${line.from.y} Q ${(line.from.x+line.to.x)\/2} ${(line.from.y+line.to.y)\/2+10} ${line.to.x} ${line.to.y}`;\r\n path.setAttribute(\"d\", d);\r\n path.setAttribute(\"stroke\", \"#ffffff\");\r\n path.setAttribute(\"stroke-width\", \"3\");\r\n path.setAttribute(\"fill\", \"none\");\r\n path.setAttribute(\"stroke-dasharray\", \"12 8\");\r\n path.classList.add(\"animated-dash\");\r\n path.style.opacity = \"0\";\r\n svg.appendChild(path);\r\n return { element: path };\r\n });\r\n \r\n const lineMapping = [\r\n { lineIdx: 0, activeOnStage: 0 },\r\n { lineIdx: 1, activeOnStage: 1 },\r\n { lineIdx: 2, activeOnStage: 2 },\r\n { lineIdx: 3, activeOnStage: 3 }\r\n ];\r\n \r\n function drawNode(x, y, label, nodeId) {\r\n const group = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"g\");\r\n const circle = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"circle\");\r\n circle.setAttribute(\"cx\", x);\r\n circle.setAttribute(\"cy\", y);\r\n circle.setAttribute(\"r\", \"32\");\r\n circle.setAttribute(\"fill\", \"#0f172a\");\r\n circle.setAttribute(\"stroke\", \"#475569\");\r\n circle.setAttribute(\"stroke-width\", \"3\");\r\n circle.setAttribute(\"class\", `node-circle-${nodeId}`);\r\n group.appendChild(circle);\r\n const text = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n text.setAttribute(\"x\", x);\r\n text.setAttribute(\"y\", y+5);\r\n text.setAttribute(\"text-anchor\", \"middle\");\r\n text.setAttribute(\"fill\", \"#cbd5e1\");\r\n text.setAttribute(\"font-size\", \"11\");\r\n text.setAttribute(\"font-weight\", \"bold\");\r\n text.textContent = label;\r\n group.appendChild(text);\r\n svg.appendChild(group);\r\n return circle;\r\n }\r\n \r\n const evapCircle = drawNode(points.evaporator.x, points.evaporator.y, \"\u0627\u0644\u0645\u0628\u062e\u0631\", \"evap\");\r\n const compCircle = drawNode(points.compressor.x, points.compressor.y, \"\u0627\u0644\u0636\u0627\u063a\u0637\", \"comp\");\r\n const condCircle = drawNode(points.condenser.x, points.condenser.y, \"\u0627\u0644\u0645\u0643\u062b\u0641\", \"cond\");\r\n const expCircle = drawNode(points.expansion.x, points.expansion.y, \"\u0627\u0644\u062a\u0645\u062f\u062f\", \"exp\");\r\n \r\n const circles = [evapCircle, compCircle, condCircle, expCircle];\r\n const colorlap = [\"#3b82f6\", \"#f59e0b\", \"#f43f5e\", \"#10b981\"];\r\n \r\n window.updateHighlight = (stage) => {\r\n circles.forEach((circ, idx) => {\r\n circ.setAttribute(\"stroke\", \"#475569\");\r\n circ.setAttribute(\"stroke-width\", \"3\");\r\n if (idx === stage) {\r\n circ.setAttribute(\"stroke\", colorlap[stage]);\r\n circ.setAttribute(\"stroke-width\", \"5\");\r\n }\r\n });\r\n movingLines.forEach((line, idx) => { line.element.style.opacity = \"0\"; });\r\n lineMapping.forEach(map => {\r\n if (map.activeOnStage === stage) {\r\n movingLines[map.lineIdx].element.style.opacity = \"1\";\r\n }\r\n });\r\n const glowDiv = document.getElementById(\"glowBg\");\r\n if (glowDiv) {\r\n const pointsArr = [points.evaporator, points.compressor, points.condenser, points.expansion];\r\n glowDiv.style.background = `radial-gradient(circle at ${pointsArr[stage].x*0.8}px ${pointsArr[stage].y*0.7}px, ${colorlap[stage]}30, transparent)`;\r\n }\r\n };\r\n \r\n window.updateHighlight(0);\r\n window._movingLines = movingLines;\r\n window._lineMapping = lineMapping;\r\n }\r\n \r\n function updateStageUI() {\r\n const data = stagesData[activeStage];\r\n const detailsCard = document.getElementById(\"stageDetailsCard\");\r\n if (detailsCard) {\r\n detailsCard.style.background = data.bgLight;\r\n detailsCard.style.borderRightColor = data.color;\r\n }\r\n const nameEl = document.getElementById(\"stageName\");\r\n if (nameEl) { nameEl.textContent = data.name; nameEl.style.color = data.textColor; }\r\n const badges = document.querySelectorAll(\"#stageDetailsCard .info-badge\");\r\n if (badges[0]) badges[0].innerHTML = ` ${data.position}`;\r\n if (badges[1]) badges[1].innerHTML = data.state;\r\n const actionEl = document.getElementById(\"stageAction\");\r\n if (actionEl) actionEl.textContent = data.desc;\r\n \r\n document.querySelectorAll(\".stage-btn\").forEach((btn, idx) => {\r\n if (idx === activeStage) {\r\n btn.style.background = `linear-gradient(135deg, ${data.color}80, ${data.color}40)`;\r\n btn.style.borderColor = data.color;\r\n btn.style.color = \"white\";\r\n } else {\r\n btn.style.background = \"#1e293b\";\r\n btn.style.borderColor = \"#334155\";\r\n btn.style.color = \"#cbd5e1\";\r\n }\r\n });\r\n \r\n if (window.updateHighlight) window.updateHighlight(activeStage);\r\n }\r\n \r\n function setActiveStage(stage) {\r\n activeStage = Math.min(3, Math.max(0, stage));\r\n updateStageUI();\r\n }\r\n \r\n function nextStage() {\r\n setActiveStage((activeStage + 1) % 4);\r\n }\r\n \r\n function startAutoCycle() {\r\n if (intervalId) clearInterval(intervalId);\r\n if (isPlaying) {\r\n intervalId = setInterval(nextStage, 3500);\r\n }\r\n }\r\n \r\n function togglePlayPause() {\r\n isPlaying = !isPlaying;\r\n const btn = document.getElementById(\"playPauseBtn\");\r\n const iconSvg = btn?.querySelector(\"svg\");\r\n if (iconSvg) {\r\n if (isPlaying) {\r\n iconSvg.innerHTML = '<polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>';\r\n } else {\r\n iconSvg.innerHTML = '<rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>';\r\n }\r\n }\r\n if (isPlaying) startAutoCycle();\r\n else if (intervalId) { clearInterval(intervalId); intervalId = null; }\r\n }\r\n \r\n window.addEventListener(\"resize\", () => {\r\n const svg = document.getElementById(\"cycleSvg\");\r\n if (svg && window.updateHighlight) {\r\n drawCycleDiagram(svg);\r\n window.updateHighlight(activeStage);\r\n }\r\n });\r\n \r\n buildSimulation();\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-18624","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18624","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=18624"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18624\/revisions"}],"predecessor-version":[{"id":18625,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18624\/revisions\/18625"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u0645\u0633\u0644\u064a\u0629 | \u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0633\u0639: \u062f\u0648\u0631\u0629 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\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 direction: rtl;\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 ::-webkit-scrollbar-thumb:hover { background: #6366f1; }\r\n .sim-container {\r\n background: #0f172a;\r\n border-radius: 1rem;\r\n border: 1px solid #334155;\r\n padding: 1rem;\r\n margin: 2rem 0;\r\n }\r\n \/* \u062a\u0646\u0633\u064a\u0642 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0645\u062d\u0627\u0643\u0627\u0629 *\/\r\n .info-badge {\r\n background: #0f172a;\r\n padding: 0.25rem 0.75rem;\r\n border-radius: 1rem;\r\n font-size: 0.75rem;\r\n border: 1px solid #334155;\r\n }\r\n .animated-dash {\r\n stroke-dasharray: 12 8;\r\n animation: dashMove 0.8s linear infinite;\r\n }\r\n @keyframes dashMove {\r\n to { stroke-dashoffset: -40; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"content-container\">\r\n \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\u0627\u0644\u062a\u0648\u0633\u0639: \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (Refrigerator)<\/h1>\r\n <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\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\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"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 \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\/04\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u0627\u0644\u062a\u0648\u0633\u0639__\u0627\u0644\u062b\u0644\u0627\u062c\u0629_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\/04\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u0627\u0644\u062a\u0648\u0633\u0639__\u0627\u0644\u062b\u0644\u0627\u062c\u0629_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 \r\n <div class=\"space-y-12 text-right\" dir=\"rtl\">\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-amber-500 rounded-full\"><\/span>\u0645\u0642\u062f\u0645\u0629<\/h2>\r\n <p class=\"text-slate-300 leading-relaxed mb-4\">\r\n \u0641\u064a \u062d\u064a\u0627\u062a\u0646\u0627 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\u060c \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0644\u062d\u0641\u0638 \u0627\u0644\u0637\u0639\u0627\u0645 \u0648\u0627\u0644\u0634\u0631\u0627\u0628 \u0628\u062f\u0631\u062c\u0627\u062a \u062d\u0631\u0627\u0631\u0629 \u0645\u0646\u062e\u0641\u0636\u0629\u060c \u0645\u0645\u0627 \u064a\u0628\u0637\u0626 \u0646\u0645\u0648 \u0627\u0644\u0628\u0643\u062a\u064a\u0631\u064a\u0627 \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0644\u0641. \u0644\u0643\u0646 \u0647\u0644 \u062a\u0633\u0627\u0621\u0644\u062a \u064a\u0648\u0645\u0627\u064b \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\u061f \u0648\u0644\u0645\u0627\u0630\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0645\u0646\u0647\u0627 \u0633\u0627\u062e\u0646\u0627\u064b\u061f \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u0627 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0644\u0645\u0646\u0627\u0647\u0627 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0648\u062d\u062f\u0629.\r\n <\/p>\r\n <p class=\"text-slate-300 leading-relaxed\">\r\n \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0639\u0644\u0649 \u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644\u0647\u0627 (\u0627\u0644\u0628\u0627\u0631\u062f) \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u062c (\u0627\u0644\u063a\u0631\u0641\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u062f\u0641\u0626\u0627\u064b). \u0648\u0647\u0630\u0627 \u064a\u062a\u0637\u0644\u0628 \u0628\u0630\u0644 \u0634\u063a\u0644\u060c \u0644\u0623\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0644\u0627 \u062a\u0646\u062a\u0642\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0646 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0628\u0627\u0631\u062f \u0625\u0644\u0649 \u0627\u0644\u0633\u0627\u062e\u0646. \u0647\u0630\u0627 \u0645\u0627 \u064a\u0645\u064a\u0632 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 (\u0645\u062b\u0644 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0633\u0627\u062e\u0646 \u0625\u0644\u0649 \u0627\u0644\u0628\u0627\u0631\u062f \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b).\r\n <\/p>\r\n <p class=\"text-slate-300 leading-relaxed mt-4\">\r\n \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0634\u0631\u062d\u060c \u0633\u0646\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u062f\u0648\u0631\u0629 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629) \u0627\u0644\u0645\u0643\u0648\u0646\u0629 \u0645\u0646 \u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644 \u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0643\u064a\u0641 \u062a\u0633\u062a\u062e\u062f\u0645 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u0627\u0644\u0645\u0628\u0631\u062f) \u0644\u0646\u0642\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0643\u0633 \u0627\u062a\u062c\u0627\u0647\u0647\u0627 \u0627\u0644\u0637\u0628\u064a\u0639\u064a.\r\n <\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-blue-500 rounded-full\"><\/span>\u0623\u0648\u0644\u0627\u064b: \u0645\u0628\u062f\u0623 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u2013 \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0641\u0643\u0631\u0629<\/h2>\r\n <div class=\"bg-black\/30 p-5 rounded-2xl border border-white\/5 mb-4\">\r\n <p class=\"text-slate-300 leading-relaxed mb-3\">\r\n \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u062c\u0647\u0627\u0632 \u064a\u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0645\u0646 \u062e\u0632\u0627\u0646 \u0628\u0627\u0631\u062f (\u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629) \u0625\u0644\u0649 \u062e\u0632\u0627\u0646 \u0633\u0627\u062e\u0646 (\u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u062e\u0627\u0631\u062c\u064a). \u0644\u0643\u064a \u064a\u062d\u062f\u062b \u0647\u0630\u0627\u060c \u064a\u062c\u0628 \u0628\u0630\u0644 \u0634\u063a\u0644 (\u0639\u0627\u062f\u0629 \u0628\u0648\u0627\u0633\u0637\u0629 \u0636\u0627\u063a\u0637 \u0643\u0647\u0631\u0628\u0627\u0626\u064a). \u062a\u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0648\u0641\u0642 \u062f\u0648\u0631\u0629 \u062a\u0628\u0631\u064a\u062f \u0645\u063a\u0644\u0642\u0629\u060c \u064a\u0645\u0631 \u0641\u064a\u0647\u0627 \u0633\u0627\u0626\u0644 \u062e\u0627\u0635 (\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f) \u0628\u0623\u0646\u0627\u0628\u064a\u0628 \u062f\u0627\u062e\u0644 \u0648\u062e\u0627\u0631\u062c \u0627\u0644\u062b\u0644\u0627\u062c\u0629\u060c \u0648\u064a\u062a\u063a\u064a\u0631 \u062d\u0627\u0644\u062a\u0647 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 (\u0628\u064a\u0646 \u0627\u0644\u0633\u0627\u0626\u0644 \u0648\u0627\u0644\u063a\u0627\u0632) \u0641\u064a \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062f\u0648\u0631\u0629.\r\n <\/p>\r\n <div class=\"bg-cyan-900\/20 border-r-2 border-cyan-500 p-3 rounded-l-lg mt-4 text-cyan-100\">\r\n <strong class=\"text-cyan-300\">\u0645\u0628\u062f\u0623 \u0623\u0633\u0627\u0633\u064a:<\/strong> \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0628\u062e\u0631 \u0633\u0627\u0626\u0644 (\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u063a\u0627\u0632) \u0641\u0625\u0646\u0647 \u064a\u0645\u062a\u0635 \u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0648\u0633\u0637 \u0627\u0644\u0645\u062d\u064a\u0637 (\u062a\u0628\u0631\u064a\u062f). \u0648\u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0643\u0627\u062b\u0641 \u063a\u0627\u0632 (\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0633\u0627\u0626\u0644) \u0641\u0625\u0646\u0647 \u064a\u0637\u0644\u0642 \u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0648\u0633\u0637 \u0627\u0644\u0645\u062d\u064a\u0637 (\u062a\u0633\u062e\u064a\u0646). \u0647\u0630\u0627 \u0647\u0648 \u0633\u0631 \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629.\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-emerald-500 rounded-full\"><\/span>\u062b\u0627\u0646\u064a\u0627\u064b: \u0645\u0631\u0627\u062d\u0644 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u0627\u0644\u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644)<\/h2>\r\n <p class=\"text-slate-300 leading-relaxed mb-6\">\r\n \u062a\u062a\u0643\u0648\u0646 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0641\u064a \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0645\u0646 \u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644 \u0623\u0633\u0627\u0633\u064a\u0629. \u0633\u0623\u0634\u0631\u062d\u0647\u0627 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0645\u0639 \u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062a\u0648\u0636\u062d \u0645\u0633\u0627\u0631 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f:\r\n <\/p>\r\n\r\n \r\n <div id=\"refrigerator-simulation\" class=\"sim-container\"><\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-8\">\r\n <div class=\"bg-blue-900\/20 border border-blue-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-blue-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0627\u0644\u062a\u0628\u062e\u0631 (\u0627\u0644\u062a\u0628\u0631\u064a\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (\u0627\u0644\u0645\u0628\u062e\u0631 \u2013 Evaporator).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0633\u0627\u0626\u0644\u0629\u060c \u0628\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u062c\u062f\u0627\u064b.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0645\u0631 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0639\u0628\u0631 \u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0645\u0628\u062e\u0631\u060c \u064a\u0645\u062a\u0635 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u060c \u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u063a\u0627\u0632.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u0628\u0631\u062f \u0627\u0644\u0647\u0648\u0627\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\u060c \u0648\u064a\u0635\u0628\u062d \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u063a\u0627\u0632\u0627\u064b \u0630\u0627 \u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-amber-900\/20 border border-amber-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-amber-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0627\u0644\u0627\u0646\u0636\u063a\u0627\u0637 (\u0627\u0644\u0636\u0627\u063a\u0637 \u2013 Compressor)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u0627\u0644\u0636\u0627\u063a\u0637 (\u0639\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0627\u0644\u0633\u0641\u0644\u064a).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u063a\u0627\u0632 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0628\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0636\u063a\u0637 \u0627\u0644\u0636\u0627\u063a\u0637 \u0627\u0644\u063a\u0627\u0632\u060c \u0641\u064a\u0642\u0644 \u062d\u062c\u0645\u0647 \u0648\u064a\u0632\u064a\u062f \u0636\u063a\u0637\u0647 \u0648\u062d\u0631\u0627\u0631\u062a\u0647.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u062e\u0631\u062c \u0627\u0644\u063a\u0627\u0632 \u0628\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639 \u0648\u062d\u0631\u0627\u0631\u0629 \u0645\u0631\u062a\u0641\u0639\u0629 \u062c\u062f\u0627\u064b.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-rose-900\/20 border border-rose-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-rose-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629: \u0627\u0644\u062a\u0643\u0627\u062b\u0641 (\u062a\u0628\u062f\u064a\u062f \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u062c)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u0627\u0644\u0645\u0643\u062b\u0641 (\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u063a\u0627\u0632 \u0633\u0627\u062e\u0646 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0637\u0644\u0642 \u0627\u0644\u063a\u0627\u0632 \u062d\u0631\u0627\u0631\u062a\u0647 \u0625\u0644\u0649 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u060c \u0641\u064a\u062a\u0643\u0627\u062b\u0641 \u0648\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0633\u0627\u0626\u0644.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u0635\u0628\u062d \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0628\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639 \u0648\u062d\u0631\u0627\u0631\u0629 \u0645\u0639\u062a\u062f\u0644\u0629\u060c \u0648\u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0633\u0627\u062e\u0646.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-emerald-900\/20 border border-emerald-500\/30 p-5 rounded-2xl\">\r\n <h3 class=\"font-bold text-emerald-300 mb-3\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629: \u0627\u0644\u062a\u0645\u062f\u062f (\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0648\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629)<\/h3>\r\n <ul class=\"text-slate-300 space-y-1 list-disc list-inside\">\r\n <li><strong>\u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> \u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f (Expansion valve).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0627\u062f\u0629:<\/strong> \u0633\u0627\u0626\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637.<\/li>\r\n <li><strong>\u0645\u0627 \u064a\u062d\u062f\u062b:<\/strong> \u064a\u0646\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0641\u062c\u0623\u0629\u060c \u0641\u064a\u0628\u0631\u062f \u0627\u0644\u0633\u0627\u0626\u0644 \u0628\u0634\u062f\u0629 \u0648\u064a\u062a\u062d\u0648\u0644 \u062c\u0632\u0626\u064a\u0627\u064b \u0625\u0644\u0649 \u063a\u0627\u0632.<\/li>\r\n <li><strong>\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/strong> \u064a\u0639\u0648\u062f \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0634\u062f\u064a\u062f \u0627\u0644\u0628\u0631\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0628\u062e\u0631 \u0644\u062a\u0628\u062f\u0623 \u0627\u0644\u062f\u0648\u0631\u0629 \u0645\u0646 \u062c\u062f\u064a\u062f.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"overflow-x-auto mb-8 bg-black\/20 rounded-xl p-2\">\r\n <table class=\"w-full text-l text-right text-slate-300\">\r\n <thead class=\"bg-white\/10\">\r\n <tr><th class=\"px-4 py-2\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629<\/th><th class=\"px-4 py-2\">\u0627\u0644\u0645\u0648\u0642\u0639<\/th><th class=\"px-4 py-2\">\u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0628\u0631\u062f<\/th><th class=\"px-4 py-2\">\u0627\u0644\u062a\u063a\u064a\u0631 \u0641\u064a \u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/th><th class=\"px-4 py-2\">\u0627\u0644\u062a\u063a\u064a\u0631 \u0641\u064a \u0627\u0644\u0636\u063a\u0637<\/th><\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-white\/10\">\r\n <tr><td class=\"px-4 py-2 font-bold text-blue-300\">1. \u0627\u0644\u062a\u0628\u062e\u0631<\/td><td class=\"px-4 py-2\">\u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (\u0627\u0644\u0645\u0628\u062e\u0631)<\/td><td class=\"px-4 py-2\">\u0633\u0627\u0626\u0644 \u2190 \u063a\u0627\u0632<\/td><td class=\"px-4 py-2\">\u064a\u0645\u062a\u0635 \u062d\u0631\u0627\u0631\u0629 (\u064a\u0628\u0631\u062f \u0627\u0644\u062f\u0627\u062e\u0644)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636<\/td><\/tr>\r\n <tr><td class=\"px-4 py-2 font-bold text-amber-300\">2. \u0627\u0644\u0627\u0646\u0636\u063a\u0627\u0637<\/td><td class=\"px-4 py-2\">\u0627\u0644\u0636\u0627\u063a\u0637 (\u062e\u0644\u0641 \u0627\u0644\u062b\u0644\u0627\u062c\u0629)<\/td><td class=\"px-4 py-2\">\u063a\u0627\u0632 \u2190 \u063a\u0627\u0632 \u0645\u0636\u063a\u0648\u0637<\/td><td class=\"px-4 py-2\">\u064a\u0632\u062f\u0627\u062f \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u0628\u0630\u0644 \u0634\u063a\u0644)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639<\/td><\/tr>\r\n <tr><td class=\"px-4 py-2 font-bold text-rose-300\">3. \u0627\u0644\u062a\u0643\u0627\u062b\u0641<\/td><td class=\"px-4 py-2\">\u0627\u0644\u0645\u0643\u062b\u0641 (\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629)<\/td><td class=\"px-4 py-2\">\u063a\u0627\u0632 \u2190 \u0633\u0627\u0626\u0644<\/td><td class=\"px-4 py-2\">\u064a\u0637\u0644\u0642 \u062d\u0631\u0627\u0631\u0629 (\u064a\u0633\u062e\u0646 \u0627\u0644\u062e\u0644\u0641)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0631\u062a\u0641\u0639<\/td><\/tr>\r\n <tr><td class=\"px-4 py-2 font-bold text-emerald-300\">4. \u0627\u0644\u062a\u0645\u062f\u062f<\/td><td class=\"px-4 py-2\">\u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f<\/td><td class=\"px-4 py-2\">\u0633\u0627\u0626\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637 \u2190 \u0633\u0627\u0626\u0644+\u063a\u0627\u0632<\/td><td class=\"px-4 py-2\">\u062a\u0646\u062e\u0641\u0636 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u062a\u0628\u0631\u064a\u062f \u0630\u0627\u062a\u064a)<\/td><td class=\"px-4 py-2\">\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-purple-500 rounded-full\"><\/span>\u0631\u0627\u0628\u0639\u0627\u064b: \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062a\u0636\u0645\u0646\u0629 \u0641\u064a \u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629<\/h2>\r\n <ul class=\"space-y-2 text-slate-300 list-disc list-inside\">\r\n <li><strong class=\"text-white\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062b\u0627\u0646\u064a \u0644\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u0627 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629:<\/strong> \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0644\u0627 \u062a\u0646\u062a\u0642\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0646 \u062c\u0633\u0645 \u0628\u0627\u0631\u062f \u0625\u0644\u0649 \u0633\u0627\u062e\u0646. \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u062a\u0646\u0642\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0643\u0633 \u0627\u062a\u062c\u0627\u0647\u0647\u0627 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0628\u0630\u0644 \u0634\u063a\u0644 (\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0637\u0627\u0642\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629).<\/li>\r\n <li><strong class=\"text-white\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0643\u0627\u0645\u0646\u0629 \u0644\u0644\u062a\u0628\u062e\u0631:<\/strong> \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0628\u062e\u0631 \u062a\u0645\u062a\u0635 \u062d\u0631\u0627\u0631\u0629 \u0643\u0628\u064a\u0631\u0629\u060c \u0648\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0643\u0627\u062b\u0641 \u062a\u0637\u0644\u0642 \u0646\u0641\u0633 \u0627\u0644\u0643\u0645\u064a\u0629.<\/li>\r\n <li><strong class=\"text-white\">\u0642\u0627\u0646\u0648\u0646 \u0628\u0648\u064a\u0644 \u0648\u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643:<\/strong> \u0639\u0646\u062f \u0636\u063a\u0637 \u0627\u0644\u063a\u0627\u0632 \u062a\u0632\u062f\u0627\u062f \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647\u060c \u0648\u0639\u0646\u062f \u062a\u0645\u062f\u062f\u0647 \u062a\u0646\u062e\u0641\u0636.<\/li>\r\n <li><strong class=\"text-white\">\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f:<\/strong> \u062f\u064a\u0646\u0627\u0645\u064a\u0629 \u062d\u0631\u0627\u0631\u064a\u0629 \u0645\u063a\u0644\u0642\u0629\u060c \u062a\u0639\u064a\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0645\u0631\u0627\u0631\u0627\u064b.<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-pink-500 rounded-full\"><\/span>\u062e\u0627\u0645\u0633\u0627\u064b: \u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u0639 \u0645\u0643\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621<\/h2>\r\n <p class=\"text-slate-300 mb-3\">\u0645\u0628\u062f\u0623 \u0639\u0645\u0644 \u0645\u0643\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621 \u0645\u0634\u0627\u0628\u0647 \u062c\u062f\u0627\u064b \u0644\u0644\u062b\u0644\u0627\u062c\u0629\u060c \u0644\u0643\u0646 \u0645\u0639 \u0627\u062e\u062a\u0644\u0627\u0641 \u0628\u0633\u064a\u0637:<\/p>\r\n <ul class=\"list-disc list-inside text-slate-300 mb-6\">\r\n <li><strong>\u0641\u064a \u0627\u0644\u062b\u0644\u0627\u062c\u0629:<\/strong> \u0627\u0644\u0645\u0628\u062e\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 (\u064a\u0628\u0631\u062f \u062d\u064a\u0632\u0627\u064b \u0635\u063a\u064a\u0631\u0627\u064b \u0645\u063a\u0644\u0642\u0627\u064b)\u060c \u0648\u0627\u0644\u0645\u0643\u062b\u0641 \u062e\u0627\u0631\u062c\u0647\u0627.<\/li>\r\n <li><strong>\u0641\u064a \u0627\u0644\u0645\u0643\u064a\u0641:<\/strong> \u0627\u0644\u0645\u0628\u062e\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u063a\u0631\u0641\u0629 (\u064a\u0628\u0631\u062f \u0647\u0648\u0627\u0621 \u0627\u0644\u063a\u0631\u0641\u0629)\u060c \u0648\u0627\u0644\u0645\u0643\u062b\u0641 \u062e\u0627\u0631\u062c \u0627\u0644\u0645\u0628\u0646\u0649 (\u064a\u0637\u0644\u0642 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062c\u0648).<\/li>\r\n <li><strong class=\"text-cyan-200\">\u0644\u0630\u0627\u060c \u064a\u0645\u0643\u0646 \u0627\u0644\u0642\u0648\u0644 \u0625\u0646 \u0645\u0643\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621 \u0647\u0648 \"\u062b\u0644\u0627\u062c\u0629\" \u062a\u0628\u0631\u062f \u0627\u0644\u063a\u0631\u0641\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062d\u064a\u0632 \u0635\u063a\u064a\u0631.<\/strong><\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-amber-500 rounded-full\"><\/span>\u0633\u0627\u062f\u0633\u0627\u064b: \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0647\u0645\u0629<\/h2>\r\n <div class=\"space-y-4 text-slate-300\">\r\n <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/5\"><strong class=\"text-amber-200\">\u0644\u0645\u0627\u0630\u0627 \u064a\u062c\u0628 \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0643\u062b\u0641 (\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629) \u0644\u0644\u062b\u0644\u0627\u062c\u0629\u061f<\/strong><br>\u0644\u0623\u0646 \u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u063a\u0628\u0627\u0631 \u064a\u0645\u0646\u0639 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0648\u064a\u0632\u064a\u062f \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621.<\/div>\r\n <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/5\"><strong class=\"text-rose-200\">\u0644\u0645\u0627\u0630\u0627 \u062a\u0632\u062f\u0627\u062f \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u062e\u0644\u0641\u064a \u0644\u0644\u062b\u0644\u0627\u062c\u0629 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u0645\u062d\u0631\u0643 \u0642\u064a\u062f \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u061f<\/strong><br>\u0644\u0623\u0646 \u0627\u0644\u0645\u0643\u062b\u0641 \u064a\u0637\u0644\u0642 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0635\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629.<\/div>\r\n <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/5 border-r-4 border-r-purple-500\"><strong class=\"text-purple-300\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0645\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0641\u064a \u063a\u0631\u0641\u0629 \u0645\u063a\u0644\u0642\u0629 \u0648\u062a\u0628\u0631\u062f\u0647\u0627\u061f<\/strong><br>\u0644\u0627\u060c \u0644\u0623\u0646 \u0627\u0644\u0645\u0643\u062b\u0641 \u064a\u0637\u0644\u0642 \u062d\u0631\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u063a\u0631\u0641\u0629 \u0623\u0643\u062b\u0631 \u0645\u0645\u0627 \u064a\u0645\u062a\u0635\u0647 \u0627\u0644\u0645\u0628\u062e\u0631 (\u0628\u0633\u0628\u0628 \u0627\u0644\u0634\u063a\u0644 \u0627\u0644\u0645\u0628\u0630\u0648\u0644). \u0641\u062a\u0634\u063a\u064a\u0644 \u062b\u0644\u0627\u062c\u0629 \u0628\u0628\u0627\u0628 \u0645\u0641\u062a\u0648\u062d \u0633\u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u062a\u0633\u062e\u064a\u0646 \u0627\u0644\u063a\u0631\u0641\u0629.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-800\/40 p-6 rounded-2xl border border-slate-700 shadow-inner\">\r\n <h2 class=\"text-2xl font-bold text-white mb-4 flex items-center gap-2\"><span class=\"w-2 h-8 bg-cyan-500 rounded-full\"><\/span>\u0633\u0627\u0628\u0639\u0627\u064b: \u062e\u0644\u0627\u0635\u0629<\/h2>\r\n <div class=\"bg-cyan-900\/10 p-5 rounded-2xl border border-cyan-500\/20\">\r\n <ul class=\"space-y-3 text-slate-300 list-disc list-inside\">\r\n <li>\u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u062a\u0646\u0642\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0627\u0631\u062f \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u062c \u0627\u0644\u0633\u0627\u062e\u0646 \u0628\u0628\u0630\u0644 \u0634\u063a\u0644 (\u0643\u0647\u0631\u0628\u0627\u0621).<\/li>\r\n <li>\u062a\u0645\u0631 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0628\u0623\u0631\u0628\u0639 \u0645\u0631\u0627\u062d\u0644: <strong>\u062a\u0628\u062e\u0631<\/strong> (\u0627\u0645\u062a\u0635\u0627\u0635 \u062d\u0631\u0627\u0631\u0629) \u2192 <strong>\u0627\u0646\u0636\u063a\u0627\u0637<\/strong> \u2192 <strong>\u062a\u0643\u0627\u062b\u0641<\/strong> (\u0625\u0637\u0644\u0627\u0642 \u062d\u0631\u0627\u0631\u0629) \u2192 <strong>\u062a\u0645\u062f\u062f<\/strong>.<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0628\u062e\u0631<\/strong> \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u064a\u0645\u062a\u0635 \u0627\u0644\u062d\u0631\u0627\u0631\u0629.<\/li>\r\n <li><strong>\u0627\u0644\u0636\u0627\u063a\u0637<\/strong> \u064a\u0636\u063a\u0637 \u0627\u0644\u063a\u0627\u0632 (\u064a\u0631\u0641\u0639 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0648\u0636\u063a\u0637\u0647).<\/li>\r\n <li><strong>\u0627\u0644\u0645\u0643\u062b\u0641<\/strong> \u062e\u0644\u0641 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u064a\u0637\u0644\u0642 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u064a\u0633\u062e\u0646 \u0627\u0644\u062e\u0644\u0641).<\/li>\r\n <li><strong>\u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f<\/strong> \u064a\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0648\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0627\u064b \u0644\u062f\u0648\u0631\u0629 \u062c\u062f\u064a\u062f\u0629.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ ---------------------------------------------\r\n \/\/ \u0645\u062d\u0627\u0643\u0627\u0629 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0643\u0627\u0645\u0644\u0629)\r\n \/\/ ---------------------------------------------\r\n (function() {\r\n \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0631\u0628\u0639\r\n const stagesData = [\r\n { id: 0, name: \"\u0627\u0644\u062a\u0628\u062e\u0631 (Evaporator)\", color: \"#3b82f6\", bgLight: \"rgba(59,130,246,0.2)\", textColor: \"#93c5fd\", \r\n desc: \"\u064a\u0645\u062a\u0635 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0648\u064a\u0628\u0631\u062f \u0627\u0644\u0623\u0637\u0639\u0645\u0629\", state: \"\u0633\u0627\u0626\u0644 \u2190 \u063a\u0627\u0632\", position: \"\u062f\u0627\u062e\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 - \u0627\u0644\u0645\u0628\u062e\u0631\" },\r\n { id: 1, name: \"\u0627\u0644\u0627\u0646\u0636\u063a\u0627\u0637 (Compressor)\", color: \"#f59e0b\", bgLight: \"rgba(245,158,11,0.2)\", textColor: \"#fcd34d\",\r\n desc: \"\u0631\u0641\u0639 \u0636\u063a\u0637 \u0648\u062d\u0631\u0627\u0631\u0629 \u063a\u0627\u0632 \u0627\u0644\u062a\u0628\u0631\u064a\u062f (\u0628\u0630\u0644 \u0634\u063a\u0644)\", state: \"\u063a\u0627\u0632 \u0645\u0646\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u2190 \u063a\u0627\u0632 \u0645\u0636\u063a\u0648\u0637\", position: \"\u062e\u0644\u0641 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 - \u0627\u0644\u0636\u0627\u063a\u0637\" },\r\n { id: 2, name: \"\u0627\u0644\u062a\u0643\u0627\u062b\u0641 (Condenser)\", color: \"#f43f5e\", bgLight: \"rgba(244,63,94,0.2)\", textColor: \"#fecdd3\",\r\n desc: \"\u0637\u0631\u062f \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0635\u0629 \u0625\u0644\u0649 \u0647\u0648\u0627\u0621 \u0627\u0644\u063a\u0631\u0641\u0629\", state: \"\u063a\u0627\u0632 \u0633\u0627\u062e\u0646 \u2190 \u0633\u0627\u0626\u0644\", position: \"\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 - \u0627\u0644\u0645\u0643\u062b\u0641\" },\r\n { id: 3, name: \"\u0627\u0644\u062a\u0645\u062f\u062f (Expansion Valve)\", color: \"#10b981\", bgLight: \"rgba(16,185,129,0.2)\", textColor: \"#a7f3d0\",\r\n desc: \"\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637 \u0641\u062c\u0623\u0629 \u0644\u062a\u0628\u0631\u064a\u062f \u0627\u0644\u0633\u0627\u0626\u0644\", state: \"\u0633\u0627\u0626\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0636\u063a\u0637 \u2190 \u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636\", position: \"\u0642\u0628\u0644 \u0627\u0644\u0645\u0628\u062e\u0631 - \u0635\u0645\u0627\u0645 \u0627\u0644\u062a\u0645\u062f\u062f\" }\r\n ];\r\n \r\n let activeStage = 0;\r\n let isPlaying = true;\r\n let intervalId = null;\r\n \r\n const simRoot = document.getElementById(\"refrigerator-simulation\");\r\n if (!simRoot) return;\r\n \r\n function buildSimulation() {\r\n simRoot.innerHTML = `\r\n <div class=\"p-4 md:p-5\">\r\n <div class=\"flex justify-between items-center mb-4 flex-wrap gap-3\">\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white\">\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/h3>\r\n <p class=\"text-l text-slate-400\">\u062a\u0627\u0628\u0639 \u062d\u0631\u0643\u0629 \u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0639\u0628\u0631 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0631\u0628\u0639 (\u0645\u0633\u0627\u0631 \u0639\u0642\u0627\u0631\u0628 \u0627\u0644\u0633\u0627\u0639\u0629)<\/p>\r\n <\/div>\r\n <button id=\"playPauseBtn\" class=\"p-3 bg-slate-800 hover:bg-slate-700 rounded-full text-white transition border border-slate-600 focus:outline-none\">\r\n <svg id=\"playPauseIcon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"relative w-full min-h-[320px] md:min-h-[360px] bg-slate-900\/40 rounded-2xl border border-slate-700\/60 mb-5 overflow-hidden\">\r\n <div class=\"absolute inset-0 pointer-events-none opacity-20 transition-all\" id=\"glowBg\"><\/div>\r\n <svg id=\"cycleSvg\" viewBox=\"0 0 500 360\" preserveAspectRatio=\"xMidYMid meet\" class=\"w-full h-full\"><\/svg>\r\n <\/div>\r\n <div id=\"stageDetailsCard\" class=\"rounded-xl p-4 mb-5 transition-all duration-200\" style=\"background: ${stagesData[0].bgLight}; border-right: 4px solid ${stagesData[0].color};\">\r\n <div class=\"flex flex-col md:flex-row gap-4 items-start\">\r\n <div class=\"flex-1\">\r\n <h4 id=\"stageName\" class=\"text-xl font-bold mb-1\" style=\"color: ${stagesData[0].textColor}\">${stagesData[0].name}<\/h4>\r\n <div class=\"flex flex-wrap gap-2 mt-2\">\r\n <span class=\"info-badge\"> ${stagesData[0].position}<\/span>\r\n <span class=\"info-badge font-mono\">${stagesData[0].state}<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-black\/30 p-3 rounded-xl min-w-[180px]\">\r\n <span class=\"text-slate-400 text-l\">\u0627\u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a<\/span>\r\n <strong id=\"stageAction\" class=\"text-white text-l block\">${stagesData[0].desc}<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-4 gap-2 md:gap-3\">\r\n <button data-stage=\"0\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 1<\/button>\r\n <button data-stage=\"1\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 2<\/button>\r\n <button data-stage=\"2\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 3<\/button>\r\n <button data-stage=\"3\" class=\"stage-btn py-2 rounded-xl font-bold text-l transition-all bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-700\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 4<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n const svg = document.getElementById(\"cycleSvg\");\r\n if (svg) drawCycleDiagram(svg);\r\n \r\n document.getElementById(\"playPauseBtn\")?.addEventListener(\"click\", togglePlayPause);\r\n document.querySelectorAll(\".stage-btn\").forEach(btn => {\r\n btn.addEventListener(\"click\", (e) => {\r\n const stageIdx = parseInt(btn.getAttribute(\"data-stage\"));\r\n if (!isNaN(stageIdx)) {\r\n setActiveStage(stageIdx);\r\n if (isPlaying) togglePlayPause();\r\n }\r\n });\r\n });\r\n \r\n startAutoCycle();\r\n updateStageUI();\r\n }\r\n \r\n function drawCycleDiagram(svg) {\r\n svg.innerHTML = '';\r\n const points = {\r\n evaporator: { x: 90, y: 180, label: \"1. \u0627\u0644\u0645\u0628\u062e\u0631\" },\r\n compressor: { x: 250, y: 300, label: \"2. \u0627\u0644\u0636\u0627\u063a\u0637\" },\r\n condenser: { x: 410, y: 180, label: \"3. \u0627\u0644\u0645\u0643\u062b\u0641\" },\r\n expansion: { x: 250, y: 60, label: \"4. \u0627\u0644\u062a\u0645\u062f\u062f\" }\r\n };\r\n \r\n const lines = [\r\n { from: points.evaporator, to: points.compressor },\r\n { from: points.compressor, to: points.condenser },\r\n { from: points.condenser, to: points.expansion },\r\n { from: points.expansion, to: points.evaporator }\r\n ];\r\n \r\n lines.forEach(line => {\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n const d = `M ${line.from.x} ${line.from.y} Q ${(line.from.x+line.to.x)\/2} ${(line.from.y+line.to.y)\/2+10} ${line.to.x} ${line.to.y}`;\r\n path.setAttribute(\"d\", d);\r\n path.setAttribute(\"stroke\", \"#334155\");\r\n path.setAttribute(\"stroke-width\", \"5\");\r\n path.setAttribute(\"fill\", \"none\");\r\n svg.appendChild(path);\r\n });\r\n \r\n const movingLines = lines.map(line => {\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n const d = `M ${line.from.x} ${line.from.y} Q ${(line.from.x+line.to.x)\/2} ${(line.from.y+line.to.y)\/2+10} ${line.to.x} ${line.to.y}`;\r\n path.setAttribute(\"d\", d);\r\n path.setAttribute(\"stroke\", \"#ffffff\");\r\n path.setAttribute(\"stroke-width\", \"3\");\r\n path.setAttribute(\"fill\", \"none\");\r\n path.setAttribute(\"stroke-dasharray\", \"12 8\");\r\n path.classList.add(\"animated-dash\");\r\n path.style.opacity = \"0\";\r\n svg.appendChild(path);\r\n return { element: path };\r\n });\r\n \r\n const lineMapping = [\r\n { lineIdx: 0, activeOnStage: 0 },\r\n { lineIdx: 1, activeOnStage: 1 },\r\n { lineIdx: 2, activeOnStage: 2 },\r\n { lineIdx: 3, activeOnStage: 3 }\r\n ];\r\n \r\n function drawNode(x, y, label, nodeId) {\r\n const group = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"g\");\r\n const circle = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"circle\");\r\n circle.setAttribute(\"cx\", x);\r\n circle.setAttribute(\"cy\", y);\r\n circle.setAttribute(\"r\", \"32\");\r\n circle.setAttribute(\"fill\", \"#0f172a\");\r\n circle.setAttribute(\"stroke\", \"#475569\");\r\n circle.setAttribute(\"stroke-width\", \"3\");\r\n circle.setAttribute(\"class\", `node-circle-${nodeId}`);\r\n group.appendChild(circle);\r\n const text = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n text.setAttribute(\"x\", x);\r\n text.setAttribute(\"y\", y+5);\r\n text.setAttribute(\"text-anchor\", \"middle\");\r\n text.setAttribute(\"fill\", \"#cbd5e1\");\r\n text.setAttribute(\"font-size\", \"11\");\r\n text.setAttribute(\"font-weight\", \"bold\");\r\n text.textContent = label;\r\n group.appendChild(text);\r\n svg.appendChild(group);\r\n return circle;\r\n }\r\n \r\n const evapCircle = drawNode(points.evaporator.x, points.evaporator.y, \"\u0627\u0644\u0645\u0628\u062e\u0631\", \"evap\");\r\n const compCircle = drawNode(points.compressor.x, points.compressor.y, \"\u0627\u0644\u0636\u0627\u063a\u0637\", \"comp\");\r\n const condCircle = drawNode(points.condenser.x, points.condenser.y, \"\u0627\u0644\u0645\u0643\u062b\u0641\", \"cond\");\r\n const expCircle = drawNode(points.expansion.x, points.expansion.y, \"\u0627\u0644\u062a\u0645\u062f\u062f\", \"exp\");\r\n \r\n const circles = [evapCircle, compCircle, condCircle, expCircle];\r\n const colorlap = [\"#3b82f6\", \"#f59e0b\", \"#f43f5e\", \"#10b981\"];\r\n \r\n window.updateHighlight = (stage) => {\r\n circles.forEach((circ, idx) => {\r\n circ.setAttribute(\"stroke\", \"#475569\");\r\n circ.setAttribute(\"stroke-width\", \"3\");\r\n if (idx === stage) {\r\n circ.setAttribute(\"stroke\", colorlap[stage]);\r\n circ.setAttribute(\"stroke-width\", \"5\");\r\n }\r\n });\r\n movingLines.forEach((line, idx) => { line.element.style.opacity = \"0\"; });\r\n lineMapping.forEach(map => {\r\n if (map.activeOnStage === stage) {\r\n movingLines[map.lineIdx].element.style.opacity = \"1\";\r\n }\r\n });\r\n const glowDiv = document.getElementById(\"glowBg\");\r\n if (glowDiv) {\r\n const pointsArr = [points.evaporator, points.compressor, points.condenser, points.expansion];\r\n glowDiv.style.background = `radial-gradient(circle at ${pointsArr[stage].x*0.8}px ${pointsArr[stage].y*0.7}px, ${colorlap[stage]}30, transparent)`;\r\n }\r\n };\r\n \r\n window.updateHighlight(0);\r\n window._movingLines = movingLines;\r\n window._lineMapping = lineMapping;\r\n }\r\n \r\n function updateStageUI() {\r\n const data = stagesData[activeStage];\r\n const detailsCard = document.getElementById(\"stageDetailsCard\");\r\n if (detailsCard) {\r\n detailsCard.style.background = data.bgLight;\r\n detailsCard.style.borderRightColor = data.color;\r\n }\r\n const nameEl = document.getElementById(\"stageName\");\r\n if (nameEl) { nameEl.textContent = data.name; nameEl.style.color = data.textColor; }\r\n const badges = document.querySelectorAll(\"#stageDetailsCard .info-badge\");\r\n if (badges[0]) badges[0].innerHTML = ` ${data.position}`;\r\n if (badges[1]) badges[1].innerHTML = data.state;\r\n const actionEl = document.getElementById(\"stageAction\");\r\n if (actionEl) actionEl.textContent = data.desc;\r\n \r\n document.querySelectorAll(\".stage-btn\").forEach((btn, idx) => {\r\n if (idx === activeStage) {\r\n btn.style.background = `linear-gradient(135deg, ${data.color}80, ${data.color}40)`;\r\n btn.style.borderColor = data.color;\r\n btn.style.color = \"white\";\r\n } else {\r\n btn.style.background = \"#1e293b\";\r\n btn.style.borderColor = \"#334155\";\r\n btn.style.color = \"#cbd5e1\";\r\n }\r\n });\r\n \r\n if (window.updateHighlight) window.updateHighlight(activeStage);\r\n }\r\n \r\n function setActiveStage(stage) {\r\n activeStage = Math.min(3, Math.max(0, stage));\r\n updateStageUI();\r\n }\r\n \r\n function nextStage() {\r\n setActiveStage((activeStage + 1) % 4);\r\n }\r\n \r\n function startAutoCycle() {\r\n if (intervalId) clearInterval(intervalId);\r\n if (isPlaying) {\r\n intervalId = setInterval(nextStage, 3500);\r\n }\r\n }\r\n \r\n function togglePlayPause() {\r\n isPlaying = !isPlaying;\r\n const btn = document.getElementById(\"playPauseBtn\");\r\n const iconSvg = btn?.querySelector(\"svg\");\r\n if (iconSvg) {\r\n if (isPlaying) {\r\n iconSvg.innerHTML = '<polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>';\r\n } else {\r\n iconSvg.innerHTML = '<rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>';\r\n }\r\n }\r\n if (isPlaying) startAutoCycle();\r\n else if (intervalId) { clearInterval(intervalId); intervalId = null; }\r\n }\r\n \r\n window.addEventListener(\"resize\", () => {\r\n const svg = document.getElementById(\"cycleSvg\");\r\n if (svg && window.updateHighlight) {\r\n drawCycleDiagram(svg);\r\n window.updateHighlight(activeStage);\r\n }\r\n });\r\n \r\n buildSimulation();\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-18624","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18624","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=18624"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18624\/revisions"}],"predecessor-version":[{"id":18625,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18624\/revisions\/18625"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}