{"id":964,"date":"2025-12-31T15:01:42","date_gmt":"2025-12-31T11:31:42","guid":{"rendered":"https:\/\/mathsymbol.ir\/?page_id=964"},"modified":"2026-06-14T05:40:03","modified_gmt":"2026-06-14T02:10:03","slug":"%d8%aa%d9%88%d8%a7%d9%86","status":"publish","type":"page","link":"https:\/\/mathsymbol.ir\/?page_id=964","title":{"rendered":"\u062a\u0648\u0627\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"964\" class=\"elementor elementor-964\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acb854d e-con-full e-flex e-con e-parent\" data-id=\"acb854d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f74929 elementor-widget elementor-widget-html\" data-id=\"4f74929\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u0641\u0635\u0644 \u06f5 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 - \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/title>\n<style>\n\/* =============================================\n   MATH9-CH5 WIDGET \u2014 Scoped to #math9ch5\n   No global background, glass-only cards\n   ============================================= *\/\n\n#math9ch5 {\n  --clr-primary: #6366f1;\n  --clr-secondary: #8b5cf6;\n  --clr-accent: #06b6d4;\n  --clr-success: #10b981;\n  --clr-warning: #f59e0b;\n  --clr-danger: #ef4444;\n  --clr-text: #1e293b;\n  --clr-text-light: #475569;\n  --clr-text-muted: #94a3b8;\n  --glass-bg: rgba(255,255,255,0.55);\n  --glass-bg-strong: rgba(255,255,255,0.72);\n  --glass-border: rgba(255,255,255,0.75);\n  --glass-shadow: 0 8px 32px rgba(99,102,241,0.10), 0 1.5px 8px rgba(99,102,241,0.07);\n  --glass-blur: blur(14px);\n  --radius-lg: 1.25rem;\n  --radius-md: 0.875rem;\n  --radius-sm: 0.5rem;\n  --transition: 0.28s cubic-bezier(0.4,0,0.2,1);\n  --font-fa: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;\n\n  font-family: var(--font-fa);\n  direction: rtl;\n  color: var(--clr-text);\n  background: transparent !important;\n  padding: 0;\n  margin: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n#math9ch5 *, #math9ch5 *::before, #math9ch5 *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u2500\u2500 Glass mixin \u2500\u2500 *\/\n#math9ch5 .glass {\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  box-shadow: var(--glass-shadow);\n  border-radius: var(--radius-lg);\n}\n\n#math9ch5 .glass-strong {\n  background: var(--glass-bg-strong);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1.5px solid var(--glass-border);\n  box-shadow: var(--glass-shadow);\n  border-radius: var(--radius-lg);\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#math9ch5 .m9-header {\n  text-align: center;\n  padding: 2rem 1.5rem 1.5rem;\n  margin-bottom: 1.5rem;\n  background: linear-gradient(135deg, rgba(99,102,241,0.12) 0%, rgba(139,92,246,0.10) 50%, rgba(6,182,212,0.08) 100%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  border: 1.5px solid rgba(255,255,255,0.70);\n  box-shadow: 0 4px 24px rgba(99,102,241,0.10);\n  border-radius: var(--radius-lg);\n  position: relative;\n  overflow: hidden;\n}\n\n#math9ch5 .m9-header::before {\n  content: '';\n  position: absolute;\n  top: -40px; right: -40px;\n  width: 180px; height: 180px;\n  background: radial-gradient(circle, rgba(99,102,241,0.15) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n#math9ch5 .m9-header::after {\n  content: '';\n  position: absolute;\n  bottom: -40px; left: -40px;\n  width: 150px; height: 150px;\n  background: radial-gradient(circle, rgba(6,182,212,0.13) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n#math9ch5 .m9-header-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  background: rgba(99,102,241,0.12);\n  border: 1px solid rgba(99,102,241,0.25);\n  color: var(--clr-primary);\n  border-radius: 2rem;\n  padding: 0.3rem 1rem;\n  font-size: 0.78rem;\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n  letter-spacing: 0.02em;\n}\n\n#math9ch5 .m9-header h1 {\n  font-size: clamp(1.4rem, 4vw, 2rem);\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary), var(--clr-accent));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  line-height: 1.3;\n  margin-bottom: 0.5rem;\n}\n\n#math9ch5 .m9-header p {\n  color: var(--clr-text-light);\n  font-size: 0.9rem;\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 Progress Card \u2500\u2500 *\/\n#math9ch5 .m9-progress-card {\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 1.5rem;\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  flex-wrap: wrap;\n}\n\n#math9ch5 .m9-progress-ring-wrap {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n}\n\n#math9ch5 .m9-progress-ring-wrap svg {\n  transform: rotate(-90deg);\n}\n\n#math9ch5 .m9-ring-bg {\n  fill: none;\n  stroke: rgba(99,102,241,0.12);\n  stroke-width: 7;\n}\n\n#math9ch5 .m9-ring-fill {\n  fill: none;\n  stroke: url(#ringGrad);\n  stroke-width: 7;\n  stroke-linecap: round;\n  stroke-dasharray: 226;\n  stroke-dashoffset: 226;\n  transition: stroke-dashoffset 0.8s cubic-bezier(0.4,0,0.2,1);\n}\n\n#math9ch5 .m9-ring-label {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1rem;\n  font-weight: 800;\n  color: var(--clr-primary);\n}\n\n#math9ch5 .m9-progress-info {\n  flex: 1;\n  min-width: 140px;\n}\n\n#math9ch5 .m9-progress-info h3 {\n  font-size: 0.95rem;\n  font-weight: 700;\n  color: var(--clr-text);\n  margin-bottom: 0.35rem;\n}\n\n#math9ch5 .m9-progress-bar-wrap {\n  height: 8px;\n  background: rgba(99,102,241,0.10);\n  border-radius: 9999px;\n  overflow: hidden;\n  margin-bottom: 0.35rem;\n}\n\n#math9ch5 .m9-progress-bar-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));\n  border-radius: 9999px;\n  transition: width 0.8s cubic-bezier(0.4,0,0.2,1);\n  width: 0%;\n}\n\n#math9ch5 .m9-progress-sub {\n  font-size: 0.78rem;\n  color: var(--clr-text-muted);\n}\n\n#math9ch5 .m9-reset-btn {\n  margin-right: auto;\n  padding: 0.45rem 1rem;\n  border-radius: 2rem;\n  border: 1.5px solid rgba(239,68,68,0.3);\n  background: rgba(239,68,68,0.07);\n  color: var(--clr-danger);\n  font-size: 0.78rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all var(--transition);\n  font-family: var(--font-fa);\n  display: flex;\n  align-items: center;\n  gap: 0.3rem;\n}\n\n#math9ch5 .m9-reset-btn:hover {\n  background: rgba(239,68,68,0.14);\n  transform: scale(1.04);\n}\n\n\/* \u2500\u2500 Tabs \u2500\u2500 *\/\n#math9ch5 .m9-tabs {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n  margin-bottom: 1.5rem;\n  padding: 0.5rem;\n  background: rgba(255,255,255,0.40);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 1.5px solid var(--glass-border);\n  border-radius: var(--radius-lg);\n}\n\n#math9ch5 .m9-tab-btn {\n  flex: 1;\n  min-width: 100px;\n  padding: 0.55rem 0.75rem;\n  border-radius: var(--radius-md);\n  border: none;\n  background: transparent;\n  color: var(--clr-text-light);\n  font-size: 0.82rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all var(--transition);\n  font-family: var(--font-fa);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.3rem;\n  white-space: nowrap;\n}\n\n#math9ch5 .m9-tab-btn:hover {\n  background: rgba(99,102,241,0.08);\n  color: var(--clr-primary);\n}\n\n#math9ch5 .m9-tab-btn.active {\n  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));\n  color: #fff;\n  box-shadow: 0 4px 14px rgba(99,102,241,0.3);\n}\n\n#math9ch5 .m9-tab-panel {\n  display: none;\n}\n\n#math9ch5 .m9-tab-panel.active {\n  display: block;\n  animation: m9FadeIn 0.35s ease;\n}\n\n@keyframes m9FadeIn {\n  from { opacity: 0; transform: translateY(8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 Accordion \u2500\u2500 *\/\n#math9ch5 .m9-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 0.85rem;\n}\n\n#math9ch5 .m9-acc-item {\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  box-shadow: var(--glass-shadow);\n  transition: transform var(--transition), box-shadow var(--transition);\n}\n\n#math9ch5 .m9-acc-item:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 36px rgba(99,102,241,0.14), 0 2px 10px rgba(99,102,241,0.08);\n}\n\n#math9ch5 .m9-acc-header {\n  display: flex;\n  align-items: center;\n  gap: 0.85rem;\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  user-select: none;\n  transition: background var(--transition);\n}\n\n#math9ch5 .m9-acc-header:hover {\n  background: rgba(99,102,241,0.04);\n}\n\n#math9ch5 .m9-acc-icon-wrap {\n  width: 40px;\n  height: 40px;\n  border-radius: 0.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n#math9ch5 .m9-acc-title {\n  flex: 1;\n  font-size: 0.95rem;\n  font-weight: 700;\n  color: var(--clr-text);\n}\n\n#math9ch5 .m9-acc-learned {\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n  font-size: 0.75rem;\n  color: var(--clr-text-muted);\n  margin-left: 0.5rem;\n}\n\n#math9ch5 .m9-learned-toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 36px;\n  height: 20px;\n  background: rgba(99,102,241,0.15);\n  border-radius: 9999px;\n  border: 1.5px solid rgba(99,102,241,0.2);\n  cursor: pointer;\n  position: relative;\n  transition: all var(--transition);\n}\n\n#math9ch5 .m9-learned-toggle::after {\n  content: '';\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: #fff;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.18);\n  top: 50%;\n  right: 2px;\n  transform: translateY(-50%);\n  transition: all var(--transition);\n}\n\n#math9ch5 .m9-learned-toggle:checked {\n  background: var(--clr-success);\n  border-color: var(--clr-success);\n}\n\n#math9ch5 .m9-learned-toggle:checked::after {\n  right: calc(100% - 16px);\n}\n\n#math9ch5 .m9-acc-arrow {\n  width: 22px;\n  height: 22px;\n  color: var(--clr-text-muted);\n  transition: transform var(--transition);\n  flex-shrink: 0;\n}\n\n#math9ch5 .m9-acc-item.open .m9-acc-arrow {\n  transform: rotate(90deg);\n}\n\n#math9ch5 .m9-acc-body {\n  display: none;\n  padding: 0 1.25rem 1.25rem;\n  border-top: 1px solid rgba(99,102,241,0.08);\n}\n\n#math9ch5 .m9-acc-item.open .m9-acc-body {\n  display: block;\n  animation: m9FadeIn 0.28s ease;\n}\n\n\/* \u2500\u2500 Content blocks inside accordion \u2500\u2500 *\/\n#math9ch5 .m9-content-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n@media (max-width: 640px) {\n  #math9ch5 .m9-content-grid { grid-template-columns: 1fr; }\n}\n\n#math9ch5 .m9-formula-box {\n  background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(139,92,246,0.06));\n  border: 1.5px solid rgba(99,102,241,0.18);\n  border-radius: var(--radius-md);\n  padding: 1rem;\n  margin-top: 0.75rem;\n}\n\n#math9ch5 .m9-formula-title {\n  font-size: 0.72rem;\n  font-weight: 700;\n  color: var(--clr-primary);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin-bottom: 0.5rem;\n}\n\n#math9ch5 .m9-formula-content {\n  font-size: 1rem;\n  font-weight: 700;\n  color: var(--clr-text);\n  text-align: center;\n  direction: ltr;\n  unicode-bidi: bidi-override;\n  background: rgba(255,255,255,0.6);\n  border-radius: var(--radius-sm);\n  padding: 0.5rem 0.75rem;\n  font-family: 'Courier New', monospace;\n}\n\n#math9ch5 .m9-example-box {\n  background: rgba(16,185,129,0.07);\n  border: 1.5px solid rgba(16,185,129,0.18);\n  border-radius: var(--radius-md);\n  padding: 1rem;\n  margin-top: 0.75rem;\n}\n\n#math9ch5 .m9-example-title {\n  font-size: 0.72rem;\n  font-weight: 700;\n  color: var(--clr-success);\n  margin-bottom: 0.4rem;\n  display: flex;\n  align-items: center;\n  gap: 0.3rem;\n}\n\n#math9ch5 .m9-tips-box {\n  background: rgba(245,158,11,0.07);\n  border: 1.5px solid rgba(245,158,11,0.2);\n  border-radius: var(--radius-md);\n  padding: 1rem;\n  margin-top: 0.75rem;\n}\n\n#math9ch5 .m9-tips-title {\n  font-size: 0.72rem;\n  font-weight: 700;\n  color: var(--clr-warning);\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n  gap: 0.3rem;\n}\n\n#math9ch5 .m9-tips-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 0.3rem;\n}\n\n#math9ch5 .m9-tips-list li {\n  font-size: 0.82rem;\n  color: var(--clr-text-light);\n  padding-right: 1rem;\n  position: relative;\n  line-height: 1.6;\n}\n\n#math9ch5 .m9-tips-list li::before {\n  content: '\u25c6';\n  position: absolute;\n  right: 0;\n  color: var(--clr-warning);\n  font-size: 0.55rem;\n  top: 0.35em;\n}\n\n#math9ch5 .m9-desc {\n  font-size: 0.875rem;\n  color: var(--clr-text-light);\n  line-height: 1.75;\n  margin-top: 0.6rem;\n}\n\n\/* \u2500\u2500 SVG figure block \u2500\u2500 *\/\n#math9ch5 .m9-figure-wrap {\n  background: rgba(255,255,255,0.50);\n  border: 1.5px solid rgba(99,102,241,0.12);\n  border-radius: var(--radius-md);\n  padding: 1rem;\n  margin-top: 0.75rem;\n  text-align: center;\n}\n\n#math9ch5 .m9-figure-caption {\n  font-size: 0.76rem;\n  color: var(--clr-text-muted);\n  margin-top: 0.5rem;\n  line-height: 1.5;\n}\n\n#math9ch5 .m9-figure-wrap svg {\n  max-width: 100%;\n  height: auto;\n}\n\n\/* \u2500\u2500 Quiz \u2500\u2500 *\/\n#math9ch5 .m9-quiz-card {\n  padding: 1.5rem;\n  margin-bottom: 1rem;\n}\n\n#math9ch5 .m9-quiz-q {\n  font-size: 0.95rem;\n  font-weight: 700;\n  color: var(--clr-text);\n  margin-bottom: 1rem;\n  line-height: 1.6;\n}\n\n#math9ch5 .m9-quiz-opts {\n  display: flex;\n  flex-direction: column;\n  gap: 0.55rem;\n}\n\n#math9ch5 .m9-quiz-opt {\n  display: flex;\n  align-items: center;\n  gap: 0.65rem;\n  padding: 0.65rem 1rem;\n  border-radius: var(--radius-md);\n  border: 1.5px solid rgba(99,102,241,0.15);\n  background: rgba(255,255,255,0.45);\n  cursor: pointer;\n  transition: all var(--transition);\n  font-size: 0.85rem;\n  color: var(--clr-text);\n  font-family: var(--font-fa);\n  text-align: right;\n}\n\n#math9ch5 .m9-quiz-opt:hover {\n  border-color: var(--clr-primary);\n  background: rgba(99,102,241,0.07);\n  transform: translateX(-2px);\n}\n\n#math9ch5 .m9-quiz-opt.correct {\n  border-color: var(--clr-success);\n  background: rgba(16,185,129,0.10);\n  color: var(--clr-success);\n  font-weight: 700;\n}\n\n#math9ch5 .m9-quiz-opt.wrong {\n  border-color: var(--clr-danger);\n  background: rgba(239,68,68,0.08);\n  color: var(--clr-danger);\n}\n\n#math9ch5 .m9-quiz-opt.disabled {\n  pointer-events: none;\n}\n\n#math9ch5 .m9-quiz-feedback {\n  margin-top: 0.75rem;\n  padding: 0.65rem 1rem;\n  border-radius: var(--radius-md);\n  font-size: 0.83rem;\n  font-weight: 600;\n  display: none;\n}\n\n#math9ch5 .m9-quiz-feedback.show { display: block; }\n#math9ch5 .m9-quiz-feedback.ok {\n  background: rgba(16,185,129,0.10);\n  color: var(--clr-success);\n  border: 1px solid rgba(16,185,129,0.2);\n}\n#math9ch5 .m9-quiz-feedback.fail {\n  background: rgba(239,68,68,0.08);\n  color: var(--clr-danger);\n  border: 1px solid rgba(239,68,68,0.18);\n}\n\n#math9ch5 .m9-quiz-score-bar {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem 1.25rem;\n  margin-bottom: 1rem;\n  flex-wrap: wrap;\n}\n\n#math9ch5 .m9-score-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  padding: 0.4rem 1rem;\n  border-radius: 2rem;\n  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));\n  color: #fff;\n  font-size: 0.82rem;\n  font-weight: 700;\n}\n\n#math9ch5 .m9-quiz-next-btn {\n  margin-top: 0.75rem;\n  padding: 0.55rem 1.25rem;\n  border-radius: 2rem;\n  border: none;\n  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));\n  color: #fff;\n  font-size: 0.85rem;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all var(--transition);\n  font-family: var(--font-fa);\n  display: none;\n}\n\n#math9ch5 .m9-quiz-next-btn.show { display: inline-flex; align-items: center; gap: 0.3rem; }\n#math9ch5 .m9-quiz-next-btn:hover { transform: scale(1.04); box-shadow: 0 4px 14px rgba(99,102,241,0.3); }\n\n#math9ch5 .m9-quiz-counter {\n  font-size: 0.78rem;\n  color: var(--clr-text-muted);\n}\n\n#math9ch5 .m9-quiz-restart-btn {\n  padding: 0.55rem 1.25rem;\n  border-radius: 2rem;\n  border: 1.5px solid var(--clr-primary);\n  background: transparent;\n  color: var(--clr-primary);\n  font-size: 0.85rem;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all var(--transition);\n  font-family: var(--font-fa);\n  margin-top: 0.75rem;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n}\n#math9ch5 .m9-quiz-restart-btn:hover {\n  background: var(--clr-primary);\n  color: #fff;\n}\n\n\/* \u2500\u2500 Calculator \u2500\u2500 *\/\n#math9ch5 .m9-calc-card {\n  padding: 1.5rem;\n}\n\n#math9ch5 .m9-calc-title {\n  font-size: 1rem;\n  font-weight: 800;\n  color: var(--clr-text);\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n#math9ch5 .m9-calc-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n@media (max-width: 500px) {\n  #math9ch5 .m9-calc-grid { grid-template-columns: 1fr; }\n}\n\n#math9ch5 .m9-calc-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n\n#math9ch5 .m9-calc-label {\n  font-size: 0.77rem;\n  font-weight: 700;\n  color: var(--clr-text-light);\n}\n\n#math9ch5 .m9-calc-input {\n  padding: 0.55rem 0.85rem;\n  border-radius: var(--radius-sm);\n  border: 1.5px solid rgba(99,102,241,0.18);\n  background: rgba(255,255,255,0.55);\n  font-size: 0.9rem;\n  color: var(--clr-text);\n  font-family: var(--font-fa);\n  transition: border-color var(--transition);\n  width: 100%;\n  text-align: center;\n  direction: ltr;\n}\n\n#math9ch5 .m9-calc-input:focus {\n  outline: none;\n  border-color: var(--clr-primary);\n  background: rgba(255,255,255,0.8);\n}\n\n#math9ch5 .m9-calc-select {\n  padding: 0.55rem 0.85rem;\n  border-radius: var(--radius-sm);\n  border: 1.5px solid rgba(99,102,241,0.18);\n  background: rgba(255,255,255,0.55);\n  font-size: 0.85rem;\n  color: var(--clr-text);\n  font-family: var(--font-fa);\n  cursor: pointer;\n  width: 100%;\n}\n\n#math9ch5 .m9-calc-btn {\n  padding: 0.6rem 1.5rem;\n  border-radius: 2rem;\n  border: none;\n  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));\n  color: #fff;\n  font-size: 0.9rem;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all var(--transition);\n  font-family: var(--font-fa);\n}\n\n#math9ch5 .m9-calc-btn:hover {\n  transform: scale(1.04);\n  box-shadow: 0 4px 14px rgba(99,102,241,0.3);\n}\n\n#math9ch5 .m9-calc-result {\n  margin-top: 1rem;\n  padding: 1rem;\n  border-radius: var(--radius-md);\n  background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(6,182,212,0.06));\n  border: 1.5px solid rgba(99,102,241,0.15);\n  font-size: 0.9rem;\n  color: var(--clr-text);\n  display: none;\n  line-height: 1.7;\n}\n\n#math9ch5 .m9-calc-result.show { display: block; animation: m9FadeIn 0.25s ease; }\n#math9ch5 .m9-calc-result strong { color: var(--clr-primary); }\n\n\/* \u2500\u2500 Night review \u2500\u2500 *\/\n#math9ch5 .m9-night-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n  gap: 0.85rem;\n}\n\n#math9ch5 .m9-night-card {\n  padding: 1rem;\n  border-radius: var(--radius-md);\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  box-shadow: var(--glass-shadow);\n  transition: transform var(--transition), box-shadow var(--transition);\n}\n\n#math9ch5 .m9-night-card:hover {\n  transform: translateY(-3px) scale(1.01);\n  box-shadow: 0 10px 28px rgba(99,102,241,0.14);\n}\n\n#math9ch5 .m9-night-card-title {\n  font-size: 0.82rem;\n  font-weight: 800;\n  color: var(--clr-primary);\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n}\n\n#math9ch5 .m9-night-card-formula {\n  font-size: 0.85rem;\n  font-weight: 700;\n  color: var(--clr-text);\n  direction: ltr;\n  unicode-bidi: bidi-override;\n  font-family: 'Courier New', monospace;\n  background: rgba(99,102,241,0.07);\n  border-radius: var(--radius-sm);\n  padding: 0.4rem 0.65rem;\n  margin-bottom: 0.4rem;\n  text-align: center;\n}\n\n#math9ch5 .m9-night-card-note {\n  font-size: 0.76rem;\n  color: var(--clr-text-muted);\n  line-height: 1.55;\n}\n\n\/* \u2500\u2500 Section heading \u2500\u2500 *\/\n#math9ch5 .m9-section-heading {\n  font-size: 1.05rem;\n  font-weight: 800;\n  color: var(--clr-text);\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding-bottom: 0.5rem;\n  border-bottom: 2px solid rgba(99,102,241,0.12);\n}\n\n\/* \u2500\u2500 Utility \u2500\u2500 *\/\n#math9ch5 .m9-mt { margin-top: 0.75rem; }\n#math9ch5 .m9-badge {\n  display: inline-block;\n  padding: 0.15rem 0.55rem;\n  border-radius: 2rem;\n  font-size: 0.68rem;\n  font-weight: 700;\n}\n#math9ch5 .m9-badge-primary { background: rgba(99,102,241,0.12); color: var(--clr-primary); }\n#math9ch5 .m9-badge-success { background: rgba(16,185,129,0.12); color: var(--clr-success); }\n#math9ch5 .m9-badge-warning { background: rgba(245,158,11,0.12); color: var(--clr-warning); }\n\n#math9ch5 .m9-icon {\n  width: 20px; height: 20px;\n  display: inline-block;\n  vertical-align: middle;\n}\n\n\/* Color variants for icon wraps *\/\n#math9ch5 .ic-indigo { background: rgba(99,102,241,0.12); color: var(--clr-primary); }\n#math9ch5 .ic-purple { background: rgba(139,92,246,0.12); color: var(--clr-secondary); }\n#math9ch5 .ic-cyan   { background: rgba(6,182,212,0.12);  color: var(--clr-accent); }\n#math9ch5 .ic-green  { background: rgba(16,185,129,0.12); color: var(--clr-success); }\n#math9ch5 .ic-amber  { background: rgba(245,158,11,0.12); color: var(--clr-warning); }\n#math9ch5 .ic-rose   { background: rgba(239,68,68,0.12);  color: var(--clr-danger); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 768px) {\n  #math9ch5 .m9-tabs { gap: 0.3rem; }\n  #math9ch5 .m9-tab-btn { font-size: 0.75rem; padding: 0.45rem 0.5rem; }\n  #math9ch5 .m9-progress-card { flex-direction: column; align-items: flex-start; }\n  #math9ch5 .m9-reset-btn { margin-right: 0; }\n}\n<\/style>\n<\/head>\n<body style=\"background:transparent;margin:0;padding:1rem;\">\n\n<div id=\"math9ch5\">\n\n  <!-- SVG Gradient Defs (hidden) -->\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\">\n    <defs>\n      <linearGradient id=\"ringGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n        <stop offset=\"0%\" stop-color=\"#6366f1\"\/>\n        <stop offset=\"100%\" stop-color=\"#06b6d4\"\/>\n      <\/linearGradient>\n    <\/defs>\n  <\/svg>\n\n  <!-- \u2550\u2550\u2550 HEADER \u2550\u2550\u2550 -->\n  <header class=\"m9-header\">\n    <div class=\"m9-header-badge\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n      \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645\n    <\/div>\n    <h1>\u0641\u0635\u0644 \u06f5: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/h1>\n    <p>\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0645\u0639\u060c \u062a\u0645\u0631\u06cc\u0646 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u2014 \u0628\u0627 \u0634\u06a9\u0644\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0648 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u0641\u0647\u0648\u0645\u06cc<\/p>\n  <\/header>\n\n  <!-- \u2550\u2550\u2550 PROGRESS CARD \u2550\u2550\u2550 -->\n  <div class=\"glass m9-progress-card\">\n    <div class=\"m9-progress-ring-wrap\">\n      <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\">\n        <circle class=\"m9-ring-bg\" cx=\"40\" cy=\"40\" r=\"36\"\/>\n        <circle class=\"m9-ring-fill\" id=\"m9RingFill\" cx=\"40\" cy=\"40\" r=\"36\"\/>\n      <\/svg>\n      <div class=\"m9-ring-label\" id=\"m9RingLabel\">\u06f0\u066a<\/div>\n    <\/div>\n    <div class=\"m9-progress-info\">\n      <h3>\u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0634\u0645\u0627<\/h3>\n      <div class=\"m9-progress-bar-wrap\">\n        <div class=\"m9-progress-bar-fill\" id=\"m9ProgressBar\"><\/div>\n      <\/div>\n      <div class=\"m9-progress-sub\" id=\"m9ProgressSub\">\u06f0 \u0627\u0632 \u06f8 \u0628\u062e\u0634 \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647<\/div>\n    <\/div>\n    <button class=\"m9-reset-btn\" onclick=\"m9ResetProgress()\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n      \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc\n    <\/button>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 TABS \u2550\u2550\u2550 -->\n  <div class=\"m9-tabs\" role=\"tablist\">\n    <button class=\"m9-tab-btn active\" onclick=\"m9SwitchTab('learn')\" role=\"tab\">\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n      \u0622\u0645\u0648\u0632\u0634\n    <\/button>\n    <button class=\"m9-tab-btn\" onclick=\"m9SwitchTab('calc')\" role=\"tab\">\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"16\" y2=\"14\"\/><line x1=\"8\" y1=\"18\" x2=\"12\" y2=\"18\"\/><\/svg>\n      \u0645\u0627\u0634\u06cc\u0646\u200c\u062d\u0633\u0627\u0628\n    <\/button>\n    <button class=\"m9-tab-btn\" onclick=\"m9SwitchTab('quiz')\" role=\"tab\">\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n      \u06a9\u0648\u06cc\u06cc\u0632\n    <\/button>\n    <button class=\"m9-tab-btn\" onclick=\"m9SwitchTab('night')\" role=\"tab\">\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n      \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646\n    <\/button>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 1: LEARN\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div id=\"m9Tab-learn\" class=\"m9-tab-panel active\">\n    <div class=\"m9-accordion\" id=\"m9Accordion\">\n\n      <!-- 1. \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc -->\n      <div class=\"m9-acc-item\" id=\"acc-1\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-1')\">\n          <div class=\"m9-acc-icon-wrap ic-indigo\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M3 3h7v7H3z\"\/><path d=\"M14 3h7v7h-7z\"\/><path d=\"M14 14h7v7h-7z\"\/><path d=\"M3 14h7v7H3z\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f1. \u0645\u0641\u0647\u0648\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"1\" onchange=\"m9ToggleLearned(1,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 \u0627\u0639\u062f\u0627\u062f\u060c \u062d\u0631\u0648\u0641 (\u0645\u062a\u063a\u06cc\u0631) \u0648 \u0639\u0645\u0644\u06af\u0631\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u0627\u0633\u062a. \u062d\u0631\u0648\u0641 \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0646\u0627\u0634\u0646\u0627\u062e\u062a\u0647 \u06cc\u0627 \u0645\u062a\u063a\u06cc\u0631 \u0647\u0633\u062a\u0646\u062f.<\/p>\n\n          <div class=\"m9-formula-box\">\n            <div class=\"m9-formula-title\">\ud83d\udcd0 \u062a\u0639\u0631\u06cc\u0641<\/div>\n            <div class=\"m9-formula-content\">3x\u00b2 + 2xy \u2212 5<\/div>\n          <\/div>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\n                  <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg>\n                  \u0645\u062b\u0627\u0644 \u0633\u0627\u062f\u0647\n                <\/div>\n                <p style=\"font-size:.83rem;color:var(--clr-text-light);line-height:1.65;\">\u0627\u06af\u0631 x=2\u060c \u0622\u0646\u06af\u0627\u0647:<br><strong style=\"color:var(--clr-primary);direction:ltr;unicode-bidi:bidi-override;display:block;text-align:center;margin-top:.3rem;\">3(2)\u00b2 + 2(2)(3) \u2212 5 = 19<\/strong><\/p>\n              <\/div>\n              <div class=\"m9-tips-box m9-mt\">\n                <div class=\"m9-tips-title\">\n                  <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                  \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n                <\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u0645\u062a\u063a\u06cc\u0631 = \u062d\u0631\u0641 \u0644\u0627\u062a\u06cc\u0646 \u0645\u0627\u0646\u0646\u062f x\u060c y\u060c a<\/li>\n                  <li>\u0636\u0631\u06cc\u0628 \u0639\u062f\u062f \u062c\u0644\u0648\u06cc \u0645\u062a\u063a\u06cc\u0631 \u0627\u0633\u062a<\/li>\n                  <li>\u062c\u0645\u0644\u0647 = \u0647\u0631 \u0628\u062e\u0634 \u062c\u062f\u0627 \u0627\u0632 + \u06cc\u0627 \u2212<\/li>\n                  <li>\u062f\u0631\u062c\u0647 \u062c\u0645\u0644\u0647 = \u0645\u062c\u0645\u0648\u0639 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u062a\u063a\u06cc\u0631\u0647\u0627<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-figure-wrap\">\n                <svg width=\"200\" height=\"130\" viewBox=\"0 0 200 130\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Expression decomposition diagram -->\n                  <rect x=\"10\" y=\"10\" width=\"180\" height=\"40\" rx=\"8\" fill=\"rgba(99,102,241,0.08)\" stroke=\"rgba(99,102,241,0.3)\" stroke-width=\"1.5\"\/>\n                  <text x=\"100\" y=\"36\" text-anchor=\"middle\" font-family=\"Courier New\" font-size=\"16\" font-weight=\"700\" fill=\"#6366f1\">3x\u00b2 + 2xy \u2212 5<\/text>\n                  <!-- arrows down -->\n                  <line x1=\"40\" y1=\"50\" x2=\"35\" y2=\"75\" stroke=\"#6366f1\" stroke-width=\"1.5\" stroke-dasharray=\"3,2\"\/>\n                  <line x1=\"100\" y1=\"50\" x2=\"100\" y2=\"75\" stroke=\"#8b5cf6\" stroke-width=\"1.5\" stroke-dasharray=\"3,2\"\/>\n                  <line x1=\"160\" y1=\"50\" x2=\"165\" y2=\"75\" stroke=\"#06b6d4\" stroke-width=\"1.5\" stroke-dasharray=\"3,2\"\/>\n                  <!-- boxes -->\n                  <rect x=\"5\" y=\"76\" width=\"60\" height=\"28\" rx=\"6\" fill=\"rgba(99,102,241,0.12)\" stroke=\"rgba(99,102,241,0.3)\" stroke-width=\"1\"\/>\n                  <text x=\"35\" y=\"95\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Tahoma\">\u062c\u0645\u0644\u0647 \u06f1<\/text>\n                  <rect x=\"70\" y=\"76\" width=\"60\" height=\"28\" rx=\"6\" fill=\"rgba(139,92,246,0.12)\" stroke=\"rgba(139,92,246,0.3)\" stroke-width=\"1\"\/>\n                  <text x=\"100\" y=\"95\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Tahoma\">\u062c\u0645\u0644\u0647 \u06f2<\/text>\n                  <rect x=\"135\" y=\"76\" width=\"60\" height=\"28\" rx=\"6\" fill=\"rgba(6,182,212,0.12)\" stroke=\"rgba(6,182,212,0.3)\" stroke-width=\"1\"\/>\n                  <text x=\"165\" y=\"95\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#06b6d4\" font-family=\"Tahoma\">\u062c\u0645\u0644\u0647 \u06f3<\/text>\n                  <!-- labels -->\n                  <text x=\"35\" y=\"118\" text-anchor=\"middle\" font-size=\"9\" fill=\"#94a3b8\" font-family=\"Tahoma\">\u062f\u0631\u062c\u0647 \u06f2<\/text>\n                  <text x=\"100\" y=\"118\" text-anchor=\"middle\" font-size=\"9\" fill=\"#94a3b8\" font-family=\"Tahoma\">\u062f\u0631\u062c\u0647 \u06f2<\/text>\n                  <text x=\"165\" y=\"118\" text-anchor=\"middle\" font-size=\"9\" fill=\"#94a3b8\" font-family=\"Tahoma\">\u0639\u062f\u062f \u062b\u0627\u0628\u062a<\/text>\n                <\/svg>\n                <div class=\"m9-figure-caption\">\u0634\u06a9\u0644: \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u0628\u0647 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0645\u062c\u0632\u0627 \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0647\u0631 \u062c\u0645\u0644\u0647 \u062f\u0627\u0631\u0627\u06cc \u0636\u0631\u06cc\u0628\u060c \u0645\u062a\u063a\u06cc\u0631 \u0648 \u062a\u0648\u0627\u0646 \u0627\u0633\u062a.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 2. \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 -->\n      <div class=\"m9-acc-item\" id=\"acc-2\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-2')\">\n          <div class=\"m9-acc-icon-wrap ic-purple\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f2. \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"2\" onchange=\"m9ToggleLearned(2,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u0641\u0642\u0637 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u00ab\u0647\u0645\u0627\u0646\u0646\u062f\u00bb (\u0645\u0634\u0627\u0628\u0647) \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062c\u0645\u0639 \u06cc\u0627 \u062a\u0641\u0631\u06cc\u0642 \u06a9\u0631\u062f. \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u062f\u0627\u0631\u0627\u06cc <strong>\u0647\u0645\u0627\u0646 \u0645\u062a\u063a\u06cc\u0631 \u0628\u0627 \u0647\u0645\u0627\u0646 \u062a\u0648\u0627\u0646<\/strong> \u0647\u0633\u062a\u0646\u062f.<\/p>\n\n          <div class=\"m9-formula-box\">\n            <div class=\"m9-formula-title\">\ud83d\udcd0 \u0642\u0627\u0646\u0648\u0646 \u0627\u0635\u0644\u06cc<\/div>\n            <div class=\"m9-formula-content\">ax^n \u00b1 bx^n = (a \u00b1 b)x^n<\/div>\n          <\/div>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\u0645\u062b\u0627\u0644<\/div>\n                <p style=\"font-size:.83rem;color:var(--clr-text-light);line-height:1.7;direction:ltr;unicode-bidi:bidi-override;\">(3x\u00b2 + 2x \u2212 1) + (x\u00b2 \u2212 5x + 4)<br>= 4x\u00b2 \u2212 3x + 3<\/p>\n              <\/div>\n              <div class=\"m9-tips-box m9-mt\">\n                <div class=\"m9-tips-title\">\u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u0641\u0642\u0637 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u062c\u0645\u0639 \u06a9\u0646<\/li>\n                  <li>\u062a\u0648\u0627\u0646 \u0645\u062a\u063a\u06cc\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f<\/li>\n                  <li>\u062f\u0631 \u062a\u0641\u0631\u06cc\u0642 \u0639\u0644\u0627\u0645\u062a \u067e\u0631\u0627\u0646\u062a\u0632 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062f\u0647<\/li>\n                  <li>\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0647\u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u062c\u062f\u0627 \u0628\u0646\u0648\u06cc\u0633<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-figure-wrap\">\n                <svg width=\"200\" height=\"140\" viewBox=\"0 0 200 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Like terms grouping visual -->\n                  <text x=\"100\" y=\"20\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#475569\" font-family=\"Tahoma\">\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc \u06a9\u0646<\/text>\n                  <!-- Row 1 -->\n                  <rect x=\"5\" y=\"30\" width=\"52\" height=\"24\" rx=\"5\" fill=\"rgba(99,102,241,0.15)\" stroke=\"rgba(99,102,241,0.4)\" stroke-width=\"1.5\"\/>\n                  <text x=\"31\" y=\"46\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">3x\u00b2<\/text>\n                  <rect x=\"63\" y=\"30\" width=\"44\" height=\"24\" rx=\"5\" fill=\"rgba(139,92,246,0.12)\" stroke=\"rgba(139,92,246,0.3)\" stroke-width=\"1.5\"\/>\n                  <text x=\"85\" y=\"46\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Courier New\">2x<\/text>\n                  <rect x=\"113\" y=\"30\" width=\"36\" height=\"24\" rx=\"5\" fill=\"rgba(6,182,212,0.12)\" stroke=\"rgba(6,182,212,0.3)\" stroke-width=\"1.5\"\/>\n                  <text x=\"131\" y=\"46\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#06b6d4\" font-family=\"Courier New\">-1<\/text>\n                  <!-- Row 2 -->\n                  <rect x=\"5\" y=\"62\" width=\"52\" height=\"24\" rx=\"5\" fill=\"rgba(99,102,241,0.15)\" stroke=\"rgba(99,102,241,0.4)\" stroke-width=\"1.5\"\/>\n                  <text x=\"31\" y=\"78\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">x\u00b2<\/text>\n                  <rect x=\"63\" y=\"62\" width=\"44\" height=\"24\" rx=\"5\" fill=\"rgba(139,92,246,0.12)\" stroke=\"rgba(139,92,246,0.3)\" stroke-width=\"1.5\"\/>\n                  <text x=\"85\" y=\"78\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Courier New\">-5x<\/text>\n                  <rect x=\"113\" y=\"62\" width=\"36\" height=\"24\" rx=\"5\" fill=\"rgba(6,182,212,0.12)\" stroke=\"rgba(6,182,212,0.3)\" stroke-width=\"1.5\"\/>\n                  <text x=\"131\" y=\"78\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#06b6d4\" font-family=\"Courier New\">+4<\/text>\n                  <!-- Bracket lines -->\n                  <line x1=\"31\" y1=\"86\" x2=\"31\" y2=\"102\" stroke=\"#6366f1\" stroke-width=\"1.5\"\/>\n                  <line x1=\"85\" y1=\"86\" x2=\"85\" y2=\"102\" stroke=\"#8b5cf6\" stroke-width=\"1.5\"\/>\n                  <line x1=\"131\" y1=\"86\" x2=\"131\" y2=\"102\" stroke=\"#06b6d4\" stroke-width=\"1.5\"\/>\n                  <!-- Results -->\n                  <rect x=\"5\" y=\"103\" width=\"52\" height=\"24\" rx=\"5\" fill=\"rgba(99,102,241,0.22)\" stroke=\"rgba(99,102,241,0.5)\" stroke-width=\"1.5\"\/>\n                  <text x=\"31\" y=\"119\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">4x\u00b2<\/text>\n                  <rect x=\"63\" y=\"103\" width=\"44\" height=\"24\" rx=\"5\" fill=\"rgba(139,92,246,0.18)\" stroke=\"rgba(139,92,246,0.45)\" stroke-width=\"1.5\"\/>\n                  <text x=\"85\" y=\"119\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Courier New\">-3x<\/text>\n                  <rect x=\"113\" y=\"103\" width=\"36\" height=\"24\" rx=\"5\" fill=\"rgba(6,182,212,0.18)\" stroke=\"rgba(6,182,212,0.45)\" stroke-width=\"1.5\"\/>\n                  <text x=\"131\" y=\"119\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#06b6d4\" font-family=\"Courier New\">+3<\/text>\n                  <!-- Plus signs -->\n                  <text x=\"157\" y=\"46\" font-size=\"13\" fill=\"#475569\" font-family=\"Courier New\">+<\/text>\n                  <text x=\"157\" y=\"78\" font-size=\"13\" fill=\"#475569\" font-family=\"Courier New\">+<\/text>\n                  <text x=\"157\" y=\"118\" font-size=\"13\" fill=\"#475569\" font-family=\"Courier New\">=<\/text>\n                <\/svg>\n                <div class=\"m9-figure-caption\">\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0631\u0646\u06af \u0628\u0627 \u0647\u0645 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u061b \u0631\u0646\u06af\u200c\u0647\u0627 \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0647\u0633\u062a\u0646\u062f.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 3. \u0636\u0631\u0628 -->\n      <div class=\"m9-acc-item\" id=\"acc-3\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-3')\">\n          <div class=\"m9-acc-icon-wrap ic-cyan\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f3. \u0636\u0631\u0628 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"3\" onchange=\"m9ToggleLearned(3,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u062f\u0631 \u0636\u0631\u0628 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc\u060c \u0647\u0631 \u062c\u0645\u0644\u0647 \u0627\u0632 \u0639\u0628\u0627\u0631\u062a \u0627\u0648\u0644 \u062f\u0631 \u0647\u0631 \u062c\u0645\u0644\u0647 \u0627\u0632 \u0639\u0628\u0627\u0631\u062a \u062f\u0648\u0645 \u0636\u0631\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n\n          <div class=\"m9-formula-box\">\n            <div class=\"m9-formula-title\">\ud83d\udcd0 \u0642\u0627\u0646\u0648\u0646 \u062a\u0648\u0627\u0646<\/div>\n            <div class=\"m9-formula-content\">x^m \u00d7 x^n = x^(m+n)<\/div>\n          <\/div>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\u0645\u062b\u0627\u0644 (\u0636\u0631\u0628 \u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\u200c\u0647\u0627)<\/div>\n                <p style=\"font-size:.82rem;color:var(--clr-text-light);line-height:1.7;direction:ltr;unicode-bidi:bidi-override;\">(2x + 3)(x \u2212 1)<br>= 2x\u00b2 \u2212 2x + 3x \u2212 3<br>= 2x\u00b2 + x \u2212 3<\/p>\n              <\/div>\n              <div class=\"m9-tips-box m9-mt\">\n                <div class=\"m9-tips-title\">\u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u0647\u0631 \u062c\u0645\u0644\u0647 \u0631\u0627 \u062f\u0631 \u0647\u0631 \u062c\u0645\u0644\u0647 \u062f\u06cc\u06af\u0631 \u0636\u0631\u0628 \u06a9\u0646<\/li>\n                  <li>\u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/li>\n                  <li>\u0636\u0631\u0627\u06cc\u0628 \u062f\u0631 \u0647\u0645 \u0636\u0631\u0628 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/li>\n                  <li>\u0639\u0644\u0627\u0645\u062a\u200c\u0647\u0627 \u0631\u0627 \u062f\u0642\u06cc\u0642 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-figure-wrap\">\n                <svg width=\"200\" height=\"145\" viewBox=\"0 0 200 145\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- FOIL diagram -->\n                  <text x=\"100\" y=\"16\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#475569\" font-family=\"Tahoma\">\u0631\u0648\u0634 FOIL \u0636\u0631\u0628 \u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\u200c\u0647\u0627<\/text>\n                  <!-- (2x+3)(x-1) -->\n                  <text x=\"15\" y=\"42\" font-size=\"14\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">(2x+3)<\/text>\n                  <text x=\"90\" y=\"42\" font-size=\"14\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Courier New\">(x\u22121)<\/text>\n                  <!-- Curved arrows for FOIL -->\n                  <!-- First -->\n                  <path d=\"M30 48 Q50 70 75 48\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"1.5\" stroke-dasharray=\"4,2\"\/>\n                  <text x=\"46\" y=\"78\" text-anchor=\"middle\" font-size=\"9\" fill=\"#6366f1\" font-family=\"Tahoma\">\u0627\u0648\u0644\u00d7\u0627\u0648\u0644<\/text>\n                  <text x=\"46\" y=\"90\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">2x\u00b2<\/text>\n                  <!-- Outer -->\n                  <path d=\"M40 48 Q80 90 148 48\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"1.5\" stroke-dasharray=\"4,2\"\/>\n                  <text x=\"100\" y=\"78\" text-anchor=\"middle\" font-size=\"9\" fill=\"#10b981\" font-family=\"Tahoma\">\u0627\u0648\u0644\u00d7\u0622\u062e\u0631<\/text>\n                  <text x=\"100\" y=\"90\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#10b981\" font-family=\"Courier New\">\u22122x<\/text>\n                  <!-- Inner -->\n                  <path d=\"M65\" fill=\"none\"\/>\n                  <text x=\"46\" y=\"115\" text-anchor=\"middle\" font-size=\"9\" fill=\"#f59e0b\" font-family=\"Tahoma\">\u0622\u062e\u0631\u00d7\u0627\u0648\u0644<\/text>\n                  <text x=\"46\" y=\"127\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#f59e0b\" font-family=\"Courier New\">+3x<\/text>\n                  <!-- Last -->\n                  <text x=\"100\" y=\"115\" text-anchor=\"middle\" font-size=\"9\" fill=\"#ef4444\" font-family=\"Tahoma\">\u0622\u062e\u0631\u00d7\u0622\u062e\u0631<\/text>\n                  <text x=\"100\" y=\"127\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#ef4444\" font-family=\"Courier New\">\u22123<\/text>\n                  <!-- Result -->\n                  <text x=\"160\" y=\"105\" font-size=\"9\" fill=\"#475569\" font-family=\"Tahoma\">\u0646\u062a\u06cc\u062c\u0647:<\/text>\n                  <text x=\"155\" y=\"120\" font-size=\"9\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">2x\u00b2+x\u22123<\/text>\n                <\/svg>\n                <div class=\"m9-figure-caption\">\u0631\u0648\u0634 FOIL: \u0686\u0647\u0627\u0631 \u0636\u0631\u0628 \u0644\u0627\u0632\u0645 \u062f\u0631 \u0636\u0631\u0628 \u062f\u0648 \u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4. \u062a\u0648\u0627\u0646 -->\n      <div class=\"m9-acc-item\" id=\"acc-4\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-4')\">\n          <div class=\"m9-acc-icon-wrap ic-green\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f4. \u062a\u0648\u0627\u0646 \u062f\u0631 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"4\" onchange=\"m9ToggleLearned(4,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646 \u062f\u0631 \u062c\u0628\u0631 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u062a\u0627 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0627\u0639\u062f\u0627\u062f \u0648 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u06cc\u06a9\u0633\u0627\u0646 \u0627\u0633\u062a.<\/p>\n\n          <div class=\"m9-formula-box\">\n            <div class=\"m9-formula-title\">\ud83d\udcd0 \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646<\/div>\n            <div class=\"m9-formula-content\" style=\"font-size:.85rem;text-align:right;direction:ltr;\">\n              x\u1d50 \u00d7 x\u207f = x\u1d50\u207a\u207f<br>\n              x\u1d50 \u00f7 x\u207f = x\u1d50\u207b\u207f<br>\n              (x\u1d50)\u207f = x\u1d50\u02e3\u207f<br>\n              (xy)\u207f = x\u207fy\u207f\n            <\/div>\n          <\/div>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\u0645\u062b\u0627\u0644\u200c\u0647\u0627<\/div>\n                <p style=\"font-size:.82rem;color:var(--clr-text-light);line-height:1.8;direction:ltr;unicode-bidi:bidi-override;\">x\u00b3 \u00d7 x\u00b2 = x\u2075<br>x\u2076 \u00f7 x\u00b2 = x\u2074<br>(x\u00b2)\u00b3 = x\u2076<br>(2x)\u00b3 = 8x\u00b3<\/p>\n              <\/div>\n              <div class=\"m9-tips-box m9-mt\">\n                <div class=\"m9-tips-title\">\u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u0636\u0631\u0628 = \u062c\u0645\u0639 \u062a\u0648\u0627\u0646\u200c\u0647\u0627<\/li>\n                  <li>\u062a\u0642\u0633\u06cc\u0645 = \u062a\u0641\u0631\u06cc\u0642 \u062a\u0648\u0627\u0646\u200c\u0647\u0627<\/li>\n                  <li>\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0648\u0627\u0646 = \u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627<\/li>\n                  <li>x\u2070 = 1 \u0628\u0631\u0627\u06cc \u0647\u0631 x\u22600<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-figure-wrap\">\n                <svg width=\"200\" height=\"145\" viewBox=\"0 0 200 145\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <text x=\"100\" y=\"16\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#475569\" font-family=\"Tahoma\">\u0642\u0627\u0646\u0648\u0646 \u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627: x\u00b3 \u00d7 x\u00b2 = x\u2075<\/text>\n                  <!-- x^3 block -->\n                  <rect x=\"5\" y=\"28\" width=\"68\" height=\"32\" rx=\"7\" fill=\"rgba(99,102,241,0.12)\" stroke=\"rgba(99,102,241,0.35)\" stroke-width=\"1.5\"\/>\n                  <text x=\"39\" y=\"49\" text-anchor=\"middle\" font-size=\"15\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">x\u00b3<\/text>\n                  <!-- dots showing x*x*x -->\n                  <text x=\"10\" y=\"78\" font-size=\"9\" fill=\"#6366f1\" font-family=\"Courier New\">x\u00b7x\u00b7x<\/text>\n                  <!-- multiply sign -->\n                  <text x=\"77\" y=\"49\" text-anchor=\"middle\" font-size=\"18\" fill=\"#475569\" font-family=\"Courier New\">\u00d7<\/text>\n                  <!-- x^2 block -->\n                  <rect x=\"88\" y=\"28\" width=\"60\" height=\"32\" rx=\"7\" fill=\"rgba(139,92,246,0.12)\" stroke=\"rgba(139,92,246,0.35)\" stroke-width=\"1.5\"\/>\n                  <text x=\"118\" y=\"49\" text-anchor=\"middle\" font-size=\"15\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Courier New\">x\u00b2<\/text>\n                  <text x=\"93\" y=\"78\" font-size=\"9\" fill=\"#8b5cf6\" font-family=\"Courier New\">x\u00b7x<\/text>\n                  <!-- equals -->\n                  <text x=\"153\" y=\"49\" text-anchor=\"middle\" font-size=\"18\" fill=\"#475569\" font-family=\"Courier New\">=<\/text>\n                  <!-- result x^5 -->\n                  <rect x=\"162\" y=\"28\" width=\"35\" height=\"32\" rx=\"7\" fill=\"rgba(16,185,129,0.15)\" stroke=\"rgba(16,185,129,0.4)\" stroke-width=\"1.5\"\/>\n                  <text x=\"179\" y=\"49\" text-anchor=\"middle\" font-size=\"15\" font-weight=\"700\" fill=\"#10b981\" font-family=\"Courier New\">x\u2075<\/text>\n                  <!-- 5 dots -->\n                  <text x=\"50\" y=\"100\" text-anchor=\"middle\" font-size=\"9\" fill=\"#475569\" font-family=\"Tahoma\">\u06f3 \u0639\u0627\u0645\u0644<\/text>\n                  <text x=\"118\" y=\"100\" text-anchor=\"middle\" font-size=\"9\" fill=\"#475569\" font-family=\"Tahoma\">\u06f2 \u0639\u0627\u0645\u0644<\/text>\n                  <text x=\"179\" y=\"100\" text-anchor=\"middle\" font-size=\"9\" fill=\"#10b981\" font-family=\"Tahoma\">\u06f5 \u0639\u0627\u0645\u0644<\/text>\n                  <!-- dots -->\n                  <circle cx=\"30\" cy=\"115\" r=\"4\" fill=\"rgba(99,102,241,0.5)\"\/>\n                  <circle cx=\"42\" cy=\"115\" r=\"4\" fill=\"rgba(99,102,241,0.5)\"\/>\n                  <circle cx=\"54\" cy=\"115\" r=\"4\" fill=\"rgba(99,102,241,0.5)\"\/>\n                  <circle cx=\"96\" cy=\"115\" r=\"4\" fill=\"rgba(139,92,246,0.5)\"\/>\n                  <circle cx=\"108\" cy=\"115\" r=\"4\" fill=\"rgba(139,92,246,0.5)\"\/>\n                  <text x=\"143\" y=\"120\" font-size=\"12\" fill=\"#475569\" font-family=\"Courier New\">=<\/text>\n                  <circle cx=\"165\" cy=\"115\" r=\"4\" fill=\"rgba(16,185,129,0.6)\"\/>\n                  <circle cx=\"177\" cy=\"115\" r=\"4\" fill=\"rgba(16,185,129,0.6)\"\/>\n                  <circle cx=\"189\" cy=\"115\" r=\"4\" fill=\"rgba(16,185,129,0.6)\"\/>\n                  <circle cx=\"165\" cy=\"130\" r=\"4\" fill=\"rgba(16,185,129,0.6)\"\/>\n                  <circle cx=\"177\" cy=\"130\" r=\"4\" fill=\"rgba(16,185,129,0.6)\"\/>\n                  <text x=\"100\" y=\"135\" text-anchor=\"middle\" font-size=\"9\" fill=\"#94a3b8\" font-family=\"Tahoma\">\u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f: \u06f3+\u06f2=\u06f5<\/text>\n                <\/svg>\n                <div class=\"m9-figure-caption\">\u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627 \u0639\u0627\u0645\u0644\u200c\u0647\u0627\u06cc x \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f. \u06f3 \u0639\u0627\u0645\u0644 \u00d7 \u06f2 \u0639\u0627\u0645\u0644 = \u06f5 \u0639\u0627\u0645\u0644\u060c \u067e\u0633 x\u00b3 \u00d7 x\u00b2 = x\u2075<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 5. \u0627\u062a\u062d\u0627\u062f\u0647\u0627 -->\n      <div class=\"m9-acc-item\" id=\"acc-5\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-5')\">\n          <div class=\"m9-acc-icon-wrap ic-amber\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><polygon points=\"12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f5. \u0627\u062a\u062d\u0627\u062f\u0647\u0627\u06cc \u0645\u0647\u0645 \u062c\u0628\u0631\u06cc<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"5\" onchange=\"m9ToggleLearned(5,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u0627\u062a\u062d\u0627\u062f\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0636\u0631\u0628 \u0633\u0631\u06cc\u0639 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u062d\u0641\u0638 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u0627\u0645\u062a\u062d\u0627\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a.<\/p>\n\n          <div class=\"m9-formula-box\">\n            <div class=\"m9-formula-title\">\ud83d\udcd0 \u0627\u062a\u062d\u0627\u062f\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc<\/div>\n            <div class=\"m9-formula-content\" style=\"font-size:.82rem;text-align:right;direction:ltr;line-height:1.9;\">\n              (a+b)\u00b2 = a\u00b2+2ab+b\u00b2<br>\n              (a\u2212b)\u00b2 = a\u00b2\u22122ab+b\u00b2<br>\n              (a+b)(a\u2212b) = a\u00b2\u2212b\u00b2<br>\n              (a+b)\u00b3 = a\u00b3+3a\u00b2b+3ab\u00b2+b\u00b3\n            <\/div>\n          <\/div>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\u0645\u062b\u0627\u0644\u200c\u0647\u0627<\/div>\n                <p style=\"font-size:.82rem;color:var(--clr-text-light);line-height:1.8;direction:ltr;unicode-bidi:bidi-override;\">(x+3)\u00b2 = x\u00b2+6x+9<br>(2x\u22121)\u00b2 = 4x\u00b2\u22124x+1<br>(x+4)(x\u22124) = x\u00b2\u221216<\/p>\n              <\/div>\n              <div class=\"m9-tips-box m9-mt\">\n                <div class=\"m9-tips-title\">\u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u0645\u0631\u0628\u0639 \u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc: \u0633\u0647 \u062c\u0645\u0644\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f<\/li>\n                  <li>\u0627\u062a\u062d\u0627\u062f \u0645\u0632\u062f\u0648\u062c: \u0641\u0642\u0637 \u062a\u0641\u0627\u0636\u0644 \u0645\u0631\u0628\u0639\u0627\u062a<\/li>\n                  <li>\u062c\u0645\u0644\u0647 \u0645\u06cc\u0627\u0646\u06cc: \u062f\u0648\u0628\u0631\u0627\u0628\u0631 \u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628<\/li>\n                  <li>\u0627\u062a\u062d\u0627\u062f \u0633\u0648\u0645: \u0645\u0631\u0628\u0639 + \u0645\u0631\u0628\u0639 \u0646\u06cc\u0633\u062a!<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-figure-wrap\">\n                <svg width=\"200\" height=\"150\" viewBox=\"0 0 200 150\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Visual proof of (a+b)\u00b2 = a\u00b2+2ab+b\u00b2 using square area -->\n                  <text x=\"100\" y=\"14\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#475569\" font-family=\"Tahoma\">\u0627\u062b\u0628\u0627\u062a \u062a\u0635\u0648\u06cc\u0631\u06cc: (a+b)\u00b2 = a\u00b2+2ab+b\u00b2<\/text>\n                  <!-- Outer square (a+b)\u00d7(a+b) -->\n                  <rect x=\"20\" y=\"22\" width=\"160\" height=\"118\" rx=\"4\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"1.5\" stroke-dasharray=\"4,2\"\/>\n                  <!-- a portion width=100, height=80 -->\n                  <!-- b portion width=60, height=38 -->\n                  <!-- a\u00b2 top-left -->\n                  <rect x=\"20\" y=\"22\" width=\"108\" height=\"80\" rx=\"3\" fill=\"rgba(99,102,241,0.18)\" stroke=\"rgba(99,102,241,0.5)\" stroke-width=\"1.5\"\/>\n                  <text x=\"74\" y=\"66\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"800\" fill=\"#6366f1\" font-family=\"Courier New\">a\u00b2<\/text>\n                  <!-- ab top-right -->\n                  <rect x=\"130\" y=\"22\" width=\"50\" height=\"80\" rx=\"3\" fill=\"rgba(245,158,11,0.18)\" stroke=\"rgba(245,158,11,0.5)\" stroke-width=\"1.5\"\/>\n                  <text x=\"155\" y=\"66\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#f59e0b\" font-family=\"Courier New\">ab<\/text>\n                  <!-- ab bottom-left -->\n                  <rect x=\"20\" y=\"104\" width=\"108\" height=\"36\" rx=\"3\" fill=\"rgba(245,158,11,0.18)\" stroke=\"rgba(245,158,11,0.5)\" stroke-width=\"1.5\"\/>\n                  <text x=\"74\" y=\"127\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#f59e0b\" font-family=\"Courier New\">ab<\/text>\n                  <!-- b\u00b2 bottom-right -->\n                  <rect x=\"130\" y=\"104\" width=\"50\" height=\"36\" rx=\"3\" fill=\"rgba(16,185,129,0.18)\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"1.5\"\/>\n                  <text x=\"155\" y=\"127\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"#10b981\" font-family=\"Courier New\">b\u00b2<\/text>\n                  <!-- Labels -->\n                  <text x=\"74\" y=\"18\" text-anchor=\"middle\" font-size=\"9\" fill=\"#6366f1\" font-family=\"Tahoma\">\u2190 a \u2192<\/text>\n                  <text x=\"155\" y=\"18\" text-anchor=\"middle\" font-size=\"9\" fill=\"#10b981\" font-family=\"Tahoma\">\u2190b\u2192<\/text>\n                <\/svg>\n                <div class=\"m9-figure-caption\">\u0645\u0631\u0628\u0639 \u0628\u0632\u0631\u06af \u0628\u0627 \u0636\u0644\u0639 (a+b) \u0628\u0647 \u06f4 \u0642\u0637\u0639\u0647 \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f: a\u00b2\u060c b\u00b2 \u0648 \u062f\u0648 \u0645\u0633\u062a\u0637\u06cc\u0644 ab.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 6. \u062a\u062c\u0632\u06cc\u0647 -->\n      <div class=\"m9-acc-item\" id=\"acc-6\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-6')\">\n          <div class=\"m9-acc-icon-wrap ic-rose\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M12 2v20M2 12h20\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f6. \u062a\u062c\u0632\u06cc\u0647 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"6\" onchange=\"m9ToggleLearned(6,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u062a\u062c\u0632\u06cc\u0647 \u06cc\u0639\u0646\u06cc \u0646\u0648\u0634\u062a\u0646 \u06cc\u06a9 \u0639\u0628\u0627\u0631\u062a \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0636\u0631\u0628 \u0686\u0646\u062f \u0639\u0627\u0645\u0644. \u0639\u06a9\u0633 \u0639\u0645\u0644 \u0636\u0631\u0628 \u0627\u0633\u062a \u0648 \u06a9\u0644\u06cc\u062f \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0633\u0631\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0627\u0633\u062a.<\/p>\n\n          <div class=\"m9-formula-box\">\n            <div class=\"m9-formula-title\">\ud83d\udcd0 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647<\/div>\n            <div class=\"m9-formula-content\" style=\"font-size:.8rem;text-align:right;direction:ltr;line-height:1.9;\">\n              \u06f1. \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9: ax+ay = a(x+y)<br>\n              \u06f2. \u0627\u062a\u062d\u0627\u062f: a\u00b2\u2212b\u00b2 = (a+b)(a\u2212b)<br>\n              \u06f3. \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644: a\u00b2+2ab+b\u00b2 = (a+b)\u00b2<br>\n              \u06f4. \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc\n            <\/div>\n          <\/div>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\u0645\u062b\u0627\u0644\u200c\u0647\u0627<\/div>\n                <p style=\"font-size:.82rem;color:var(--clr-text-light);line-height:1.8;direction:ltr;unicode-bidi:bidi-override;\">6x\u00b2+9x = 3x(2x+3)<br>x\u00b2\u22129 = (x+3)(x\u22123)<br>x\u00b2+6x+9 = (x+3)\u00b2<\/p>\n              <\/div>\n              <div class=\"m9-tips-box m9-mt\">\n                <div class=\"m9-tips-title\">\u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u0627\u0628\u062a\u062f\u0627 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 \u0628\u06af\u06cc\u0631<\/li>\n                  <li>\u062a\u0641\u0627\u0636\u0644 \u0645\u0631\u0628\u0639\u0627\u062a \u0631\u0627 \u0633\u0631\u06cc\u0639 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u06a9\u0646<\/li>\n                  <li>\u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644: \u062c\u0645\u0644\u0647 \u0645\u06cc\u0627\u0646\u06cc \u062d\u062a\u0645\u0627\u064b 2ab \u0628\u0627\u0634\u062f<\/li>\n                  <li>\u062c\u0648\u0627\u0628 \u0631\u0627 \u0628\u0627 \u0636\u0631\u0628 \u0686\u06a9 \u06a9\u0646<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-figure-wrap\">\n                <svg width=\"200\" height=\"145\" viewBox=\"0 0 200 145\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <text x=\"100\" y=\"14\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#475569\" font-family=\"Tahoma\">\u062a\u062c\u0632\u06cc\u0647 \u0628\u0627 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9<\/text>\n                  <!-- Expression 6x\u00b2+9x -->\n                  <rect x=\"20\" y=\"22\" width=\"160\" height=\"28\" rx=\"6\" fill=\"rgba(239,68,68,0.08)\" stroke=\"rgba(239,68,68,0.3)\" stroke-width=\"1.5\"\/>\n                  <text x=\"100\" y=\"41\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"700\" fill=\"#ef4444\" font-family=\"Courier New\">6x\u00b2 + 9x<\/text>\n                  <!-- down arrow -->\n                  <line x1=\"100\" y1=\"50\" x2=\"100\" y2=\"64\" stroke=\"#94a3b8\" stroke-width=\"1.5\"\/>\n                  <polygon points=\"96,64 104,64 100,70\" fill=\"#94a3b8\"\/>\n                  <!-- Step: find GCD -->\n                  <rect x=\"20\" y=\"72\" width=\"160\" height=\"24\" rx=\"5\" fill=\"rgba(245,158,11,0.1)\" stroke=\"rgba(245,158,11,0.3)\" stroke-width=\"1\"\/>\n                  <text x=\"100\" y=\"88\" text-anchor=\"middle\" font-size=\"10\" fill=\"#f59e0b\" font-family=\"Tahoma\">\u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9: \u06f3x<\/text>\n                  <!-- down arrow -->\n                  <line x1=\"100\" y1=\"96\" x2=\"100\" y2=\"108\" stroke=\"#94a3b8\" stroke-width=\"1.5\"\/>\n                  <polygon points=\"96,108 104,108 100,114\" fill=\"#94a3b8\"\/>\n                  <!-- Result -->\n                  <rect x=\"30\" y=\"115\" width=\"140\" height=\"28\" rx=\"6\" fill=\"rgba(16,185,129,0.12)\" stroke=\"rgba(16,185,129,0.4)\" stroke-width=\"1.5\"\/>\n                  <text x=\"100\" y=\"133\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"700\" fill=\"#10b981\" font-family=\"Courier New\">3x(2x + 3)<\/text>\n                  <!-- Check mark -->\n                  <text x=\"183\" y=\"133\" font-size=\"14\" fill=\"#10b981\">\u2713<\/text>\n                <\/svg>\n                <div class=\"m9-figure-caption\">\u0645\u0631\u0627\u062d\u0644 \u062a\u062c\u0632\u06cc\u0647 \u0628\u0627 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9: \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u0645\u0642\u0633\u0648\u0645\u200c\u0639\u0644\u06cc\u0647 \u0645\u0634\u062a\u0631\u06a9 \u0648 \u0628\u06cc\u0631\u0648\u0646 \u0622\u0648\u0631\u062f\u0646 \u0622\u0646.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 7. \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627 -->\n      <div class=\"m9-acc-item\" id=\"acc-7\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-7')\">\n          <div class=\"m9-acc-icon-wrap ic-indigo\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f7. \u06a9\u0627\u0631\u0628\u0631\u062f \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"7\" onchange=\"m9ToggleLearned(7,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u0645\u0633\u0627\u0626\u0644 \u0648\u0627\u0642\u0639\u06cc \u0645\u0627\u0646\u0646\u062f \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u0633\u0627\u062d\u062a\u060c \u062d\u062c\u0645\u060c \u0633\u0631\u0639\u062a \u0648 \u0645\u0633\u0627\u0626\u0644 \u0639\u062f\u062f\u06cc \u0628\u0647\u200c\u06a9\u0627\u0631 \u0645\u06cc\u200c\u0631\u0648\u0646\u062f.<\/p>\n\n          <div class=\"m9-formula-box\">\n            <div class=\"m9-formula-title\">\ud83d\udcd0 \u0645\u062b\u0627\u0644 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc<\/div>\n            <div class=\"m9-formula-content\" style=\"font-size:.85rem;text-align:right;direction:ltr;\">\u0645\u0633\u0627\u062d\u062a \u0645\u0633\u062a\u0637\u06cc\u0644 \u0628\u0627 \u0636\u0644\u0639\u200c\u0647\u0627\u06cc (x+2) \u0648 (x+5):<br>A = (x+2)(x+5) = x\u00b2+7x+10<\/div>\n          <\/div>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\u0645\u0633\u0626\u0644\u0647 \u0639\u062f\u062f\u06cc<\/div>\n                <p style=\"font-size:.82rem;color:var(--clr-text-light);line-height:1.7;\">\u0627\u06af\u0631 \u0639\u062f\u062f\u06cc \u0631\u0627 n \u0628\u0646\u0627\u0645\u06cc\u0645\u060c \u0639\u062f\u062f \u0628\u0639\u062f\u06cc n+1 \u0627\u0633\u062a. \u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 \u0622\u0646\u200c\u0647\u0627:<br><span style=\"direction:ltr;display:block;text-align:center;font-weight:700;color:var(--clr-primary);\">n(n+1) = n\u00b2+n<\/span><\/p>\n              <\/div>\n              <div class=\"m9-tips-box m9-mt\">\n                <div class=\"m9-tips-title\">\u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0646: \u0641\u0631\u0636 \u06a9\u0646 x=\u2026<\/li>\n                  <li>\u0639\u0628\u0627\u0631\u062a \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633 \u0648 \u0633\u0627\u062f\u0647 \u06a9\u0646<\/li>\n                  <li>\u062c\u0648\u0627\u0628 \u0631\u0627 \u062f\u0631 \u0645\u0633\u0626\u0644\u0647 \u0686\u06a9 \u06a9\u0646<\/li>\n                  <li>\u0648\u0627\u062d\u062f\u0647\u0627 \u0631\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-figure-wrap\">\n                <svg width=\"200\" height=\"145\" viewBox=\"0 0 200 145\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <text x=\"100\" y=\"14\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#475569\" font-family=\"Tahoma\">\u0645\u0633\u0627\u062d\u062a \u0645\u0633\u062a\u0637\u06cc\u0644 \u062c\u0628\u0631\u06cc<\/text>\n                  <!-- Rectangle -->\n                  <rect x=\"25\" y=\"25\" width=\"150\" height=\"90\" rx=\"5\" fill=\"rgba(99,102,241,0.10)\" stroke=\"rgba(99,102,241,0.45)\" stroke-width=\"2\"\/>\n                  <!-- Width label top -->\n                  <text x=\"100\" y=\"22\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Courier New\">x + 5<\/text>\n                  <!-- Height label right -->\n                  <text x=\"15\" y=\"74\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Courier New\" transform=\"rotate(-90,15,74)\">x + 2<\/text>\n                  <!-- Area label center -->\n                  <text x=\"100\" y=\"65\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"800\" fill=\"#6366f1\" font-family=\"Courier New\">A =<\/text>\n                  <text x=\"100\" y=\"82\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Courier New\">x\u00b2+7x+10<\/text>\n                  <!-- dimension arrows -->\n                  <line x1=\"28\" y1=\"122\" x2=\"172\" y2=\"122\" stroke=\"#94a3b8\" stroke-width=\"1\"\/>\n                  <polygon points=\"28,120 28,124 22,122\" fill=\"#94a3b8\"\/>\n                  <polygon points=\"172,120 172,124 178,122\" fill=\"#94a3b8\"\/>\n                  <text x=\"100\" y=\"135\" text-anchor=\"middle\" font-size=\"9\" fill=\"#94a3b8\" font-family=\"Tahoma\">\u0637\u0648\u0644 = x+5<\/text>\n                <\/svg>\n                <div class=\"m9-figure-caption\">\u0645\u0633\u062a\u0637\u06cc\u0644\u06cc \u0628\u0627 \u0636\u0644\u0639\u200c\u0647\u0627\u06cc (x+2) \u0648 (x+5)\u061b \u0636\u0631\u0628 \u0622\u0646\u200c\u0647\u0627 \u0645\u0633\u0627\u062d\u062a \u06a9\u0644\u06cc \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 8. \u0645\u0631\u0648\u0631 \u0648 \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc -->\n      <div class=\"m9-acc-item\" id=\"acc-8\">\n        <div class=\"m9-acc-header\" onclick=\"m9ToggleAcc('acc-8')\">\n          <div class=\"m9-acc-icon-wrap ic-purple\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n          <\/div>\n          <span class=\"m9-acc-title\">\u06f8. \u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0627\u0645\u062a\u062d\u0627\u0646<\/span>\n          <div class=\"m9-acc-learned\">\n            <span>\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n            <input type=\"checkbox\" class=\"m9-learned-toggle\" data-id=\"8\" onchange=\"m9ToggleLearned(8,this.checked)\">\n          <\/div>\n          <svg class=\"m9-acc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n        <div class=\"m9-acc-body\">\n          <p class=\"m9-desc\">\u0627\u06cc\u0646 \u0628\u062e\u0634 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0646\u06a9\u0627\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n          <div class=\"m9-content-grid\">\n            <div>\n              <div class=\"m9-tips-box\">\n                <div class=\"m9-tips-title\">\u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c<\/div>\n                <ul class=\"m9-tips-list\">\n                  <li>\u200d(a+b)\u00b2 \u2260 a\u00b2+b\u00b2 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c!<\/li>\n                  <li>x\u2070 = \u06f1 \u0646\u0647 \u0635\u0641\u0631<\/li>\n                  <li>\u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 \u0631\u0627 \u062d\u0630\u0641 \u0646\u06a9\u0646<\/li>\n                  <li>\u0639\u0644\u0627\u0645\u062a \u0645\u0646\u0641\u06cc \u062f\u0631 \u067e\u0631\u0627\u0646\u062a\u0632 \u0645\u0647\u0645 \u0627\u0633\u062a<\/li>\n                  <li>\u062a\u062c\u0632\u06cc\u0647 \u06a9\u0627\u0645\u0644 \u062a\u0627 \u0627\u0646\u062a\u0647\u0627 \u0627\u062f\u0627\u0645\u0647 \u062f\u0647\u062f<\/li>\n                  <li>\u062f\u0631\u062c\u0647 \u0639\u0628\u0627\u0631\u062a = \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u062a\u0648\u0627\u0646<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"m9-example-box\">\n                <div class=\"m9-example-title\">\u0645\u062b\u0627\u0644 \u0627\u0645\u062a\u062d\u0627\u0646\u06cc \u0645\u0647\u0645<\/div>\n                <p style=\"font-size:.82rem;color:var(--clr-text-light);line-height:1.8;direction:ltr;unicode-bidi:bidi-override;\">\u062a\u062c\u0632\u06cc\u0647 \u06a9\u0627\u0645\u0644: 2x\u00b3\u22128x<br>= 2x(x\u00b2\u22124)<br>= 2x(x+2)(x\u22122) \u2713<br><br>\u0627\u0634\u062a\u0628\u0627\u0647: 2x(x\u00b2\u22124) \u2717<br>(\u0628\u0627\u06cc\u062f \u062a\u0627 \u0622\u062e\u0631 \u062a\u062c\u0632\u06cc\u0647 \u0634\u0648\u062f!)<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"m9-figure-wrap m9-mt\">\n            <svg width=\"100%\" height=\"80\" viewBox=\"0 0 400 80\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <text x=\"200\" y=\"18\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#475569\" font-family=\"Tahoma\">\u0645\u0631\u0627\u062d\u0644 \u062d\u0644 \u06cc\u06a9 \u0645\u0633\u0626\u0644\u0647 \u062c\u0628\u0631\u06cc<\/text>\n              <!-- Steps flow -->\n              <rect x=\"5\" y=\"28\" width=\"72\" height=\"32\" rx=\"6\" fill=\"rgba(99,102,241,0.12)\" stroke=\"rgba(99,102,241,0.35)\" stroke-width=\"1.5\"\/>\n              <text x=\"41\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#6366f1\" font-family=\"Tahoma\">\u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc<\/text>\n              <polygon points=\"78,44 85,40 85,48\" fill=\"#94a3b8\"\/>\n              <rect x=\"86\" y=\"28\" width=\"72\" height=\"32\" rx=\"6\" fill=\"rgba(139,92,246,0.12)\" stroke=\"rgba(139,92,246,0.35)\" stroke-width=\"1.5\"\/>\n              <text x=\"122\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#8b5cf6\" font-family=\"Tahoma\">\u0641\u0627\u06a9\u062a\u0648\u0631\u06af\u06cc\u0631\u06cc<\/text>\n              <polygon points=\"159,44 166,40 166,48\" fill=\"#94a3b8\"\/>\n              <rect x=\"167\" y=\"28\" width=\"72\" height=\"32\" rx=\"6\" fill=\"rgba(6,182,212,0.12)\" stroke=\"rgba(6,182,212,0.35)\" stroke-width=\"1.5\"\/>\n              <text x=\"203\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#06b6d4\" font-family=\"Tahoma\">\u0627\u062a\u062d\u0627\u062f\u0647\u0627<\/text>\n              <polygon points=\"240,44 247,40 247,48\" fill=\"#94a3b8\"\/>\n              <rect x=\"248\" y=\"28\" width=\"72\" height=\"32\" rx=\"6\" fill=\"rgba(16,185,129,0.12)\" stroke=\"rgba(16,185,129,0.35)\" stroke-width=\"1.5\"\/>\n              <text x=\"284\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#10b981\" font-family=\"Tahoma\">\u0628\u0631\u0631\u0633\u06cc \u062c\u0648\u0627\u0628<\/text>\n              <polygon points=\"321,44 328,40 328,48\" fill=\"#94a3b8\"\/>\n              <rect x=\"329\" y=\"28\" width=\"66\" height=\"32\" rx=\"6\" fill=\"rgba(245,158,11,0.12)\" stroke=\"rgba(245,158,11,0.35)\" stroke-width=\"1.5\"\/>\n              <text x=\"362\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#f59e0b\" font-family=\"Tahoma\">\u067e\u0627\u0633\u062e \u0646\u0647\u0627\u06cc\u06cc<\/text>\n            <\/svg>\n            <div class=\"m9-figure-caption\">\u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u062c\u0628\u0631\u06cc\u061b \u0647\u0645\u06cc\u0634\u0647 \u0628\u0627 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0634\u0631\u0648\u0639 \u0648 \u0628\u0627 \u0628\u0631\u0631\u0633\u06cc \u062c\u0648\u0627\u0628 \u067e\u0627\u06cc\u0627\u0646 \u062f\u0647\u06cc\u062f.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/accordion -->\n  <\/div><!-- \/tab learn -->\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 2: CALCULATOR\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div id=\"m9Tab-calc\" class=\"m9-tab-panel\">\n    <div class=\"glass m9-calc-card\">\n      <div class=\"m9-calc-title\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--clr-primary)\" stroke-width=\"2.2\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"12\" y2=\"14\"\/><\/svg>\n        \u0645\u0627\u0634\u06cc\u0646\u200c\u062d\u0633\u0627\u0628 \u062c\u0628\u0631\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc\n      <\/div>\n      <p style=\"font-size:.83rem;color:var(--clr-text-muted);margin-bottom:1rem;line-height:1.6;\">\u0646\u0648\u0639 \u0645\u062d\u0627\u0633\u0628\u0647 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u060c \u0645\u0642\u0627\u062f\u06cc\u0631 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646 \u0648 \u0646\u062a\u06cc\u062c\u0647 \u0631\u0627 \u0628\u0628\u06cc\u0646!<\/p>\n\n      <div class=\"m9-calc-group\" style=\"margin-bottom:1rem;\">\n        <label class=\"m9-calc-label\">\u0646\u0648\u0639 \u0639\u0645\u0644\u06cc\u0627\u062a<\/label>\n        <select class=\"m9-calc-select\" id=\"m9CalcType\" onchange=\"m9UpdateCalcUI()\">\n          <option value=\"eval\">\u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u0642\u062f\u0627\u0631 \u0639\u0628\u0627\u0631\u062a (\u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc x)<\/option>\n          <option value=\"sum_sq\">\u0627\u062a\u062d\u0627\u062f \u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639: (a+b)\u00b2<\/option>\n          <option value=\"diff_sq\">\u0627\u062a\u062d\u0627\u062f \u0645\u0631\u0628\u0639 \u062a\u0641\u0627\u0636\u0644: (a\u2212b)\u00b2<\/option>\n          <option value=\"conj\">\u0627\u062a\u062d\u0627\u062f \u0645\u0632\u062f\u0648\u062c: (a+b)(a\u2212b)<\/option>\n          <option value=\"cube_sum\">\u0627\u062a\u062d\u0627\u062f \u0645\u06a9\u0639\u0628 \u0645\u062c\u0645\u0648\u0639: (a+b)\u00b3<\/option>\n          <option value=\"factor2\">\u062a\u062c\u0632\u06cc\u0647: ax\u00b2+bx<\/option>\n          <option value=\"diff2sq\">\u062a\u062c\u0632\u06cc\u0647 \u062a\u0641\u0627\u0636\u0644 \u0645\u0631\u0628\u0639\u0627\u062a: a\u00b2\u2212b\u00b2<\/option>\n        <\/select>\n      <\/div>\n\n      <div id=\"m9CalcInputs\" class=\"m9-calc-grid\"><\/div>\n\n      <button class=\"m9-calc-btn\" onclick=\"m9Calculate()\">\u0645\u062d\u0627\u0633\u0628\u0647 \u06a9\u0646<\/button>\n\n      <div class=\"m9-calc-result\" id=\"m9CalcResult\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 3: QUIZ\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div id=\"m9Tab-quiz\" class=\"m9-tab-panel\">\n\n    <div class=\"glass m9-quiz-score-bar\">\n      <div class=\"m9-score-badge\" id=\"m9ScoreBadge\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        \u0627\u0645\u062a\u06cc\u0627\u0632: \u06f0 \u0627\u0632 \u06f0\n      <\/div>\n      <span class=\"m9-quiz-counter\" id=\"m9QuizCounter\">\u0633\u0648\u0627\u0644 \u06f1 \u0627\u0632 \u06f1\u06f0<\/span>\n    <\/div>\n\n    <div class=\"glass m9-quiz-card\" id=\"m9QuizCard\">\n      <div class=\"m9-quiz-q\" id=\"m9QuizQ\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0648\u0627\u0644...<\/div>\n      <div class=\"m9-quiz-opts\" id=\"m9QuizOpts\"><\/div>\n      <div class=\"m9-quiz-feedback\" id=\"m9QuizFeedback\"><\/div>\n      <button class=\"m9-quiz-next-btn\" id=\"m9QuizNextBtn\" onclick=\"m9NextQuestion()\">\n        \u0633\u0648\u0627\u0644 \u0628\u0639\u062f\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <div id=\"m9QuizFinish\" style=\"display:none;\">\n      <div class=\"glass m9-quiz-card\" style=\"text-align:center;\">\n        <div style=\"font-size:2.5rem;margin-bottom:.5rem;\" id=\"m9FinishEmoji\">\ud83c\udf89<\/div>\n        <div style=\"font-size:1.1rem;font-weight:800;color:var(--clr-text);margin-bottom:.4rem;\" id=\"m9FinishTitle\">\u0622\u0641\u0631\u06cc\u0646!<\/div>\n        <div style=\"font-size:.875rem;color:var(--clr-text-light);margin-bottom:1rem;\" id=\"m9FinishMsg\"><\/div>\n        <button class=\"m9-quiz-restart-btn\" onclick=\"m9RestartQuiz()\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n          \u062f\u0648\u0628\u0627\u0631\u0647 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TAB 4: NIGHT REVIEW\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div id=\"m9Tab-night\" class=\"m9-tab-panel\">\n    <div class=\"m9-section-heading\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--clr-primary)\" stroke-width=\"2.2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n      \u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u2014 \u0641\u0635\u0644 \u06f5\n    <\/div>\n\n    <div class=\"m9-night-grid\">\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M3 3h7v7H3z\"\/><path d=\"M14 3h7v7h-7z\"\/><path d=\"M14 14h7v7h-7z\"\/><path d=\"M3 14h7v7H3z\"\/><\/svg>\n          \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc\n        <\/div>\n        <div class=\"m9-night-card-formula\">\u0636\u0631\u06cc\u0628 \u00b7 \u0645\u062a\u063a\u06cc\u0631^\u062a\u0648\u0627\u0646<\/div>\n        <div class=\"m9-night-card-note\">\u0647\u0631 \u062c\u0645\u0644\u0647 = \u0636\u0631\u06cc\u0628 \u00d7 \u062a\u0648\u0627\u0646 \u0627\u0632 \u0645\u062a\u063a\u06cc\u0631. \u062f\u0631\u062c\u0647 = \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u062a\u0648\u0627\u0646.<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\" style=\"color:var(--clr-secondary);\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n          \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u0647\u0645\u0627\u0646\u0646\u062f\n        <\/div>\n        <div class=\"m9-night-card-formula\">ax\u207f \u00b1 bx\u207f = (a\u00b1b)x\u207f<\/div>\n        <div class=\"m9-night-card-note\">\u0641\u0642\u0637 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0628\u0627 \u0647\u0645\u0627\u0646 \u0645\u062a\u063a\u06cc\u0631 \u0648 \u0647\u0645\u0627\u0646 \u062a\u0648\u0627\u0646 \u0642\u0627\u0628\u0644 \u062c\u0645\u0639 \u0647\u0633\u062a\u0646\u062f.<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\" style=\"color:var(--clr-accent);\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n          \u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\n        <\/div>\n        <div class=\"m9-night-card-formula\">x\u1d50 \u00d7 x\u207f = x\u1d50\u207a\u207f<\/div>\n        <div class=\"m9-night-card-note\">\u0636\u0631\u0628 = \u062c\u0645\u0639 \u062a\u0648\u0627\u0646 | \u062a\u0642\u0633\u06cc\u0645 = \u062a\u0641\u0631\u06cc\u0642 \u062a\u0648\u0627\u0646 | \u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0648\u0627\u0646 = \u0636\u0631\u0628 \u062a\u0648\u0627\u0646<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\" style=\"color:var(--clr-warning);\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2\"\/><\/svg>\n          \u0627\u062a\u062d\u0627\u062f \u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639\n        <\/div>\n        <div class=\"m9-night-card-formula\">(a+b)\u00b2 = a\u00b2+2ab+b\u00b2<\/div>\n        <div class=\"m9-night-card-note\">\u062c\u0645\u0644\u0647 \u0645\u06cc\u0627\u0646\u06cc \u06f2ab \u0627\u0633\u062a. \u26a0\ufe0f (a+b)\u00b2 \u2260 a\u00b2+b\u00b2<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\" style=\"color:var(--clr-danger);\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n          \u0627\u062a\u062d\u0627\u062f \u0645\u0631\u0628\u0639 \u062a\u0641\u0627\u0636\u0644\n        <\/div>\n        <div class=\"m9-night-card-formula\">(a\u2212b)\u00b2 = a\u00b2\u22122ab+b\u00b2<\/div>\n        <div class=\"m9-night-card-note\">\u062c\u0645\u0644\u0647 \u0645\u06cc\u0627\u0646\u06cc \u0645\u0646\u0641\u06cc \u0627\u0633\u062a: \u22122ab. \u062c\u0645\u0644\u0627\u062a \u0627\u0648\u0644 \u0648 \u0622\u062e\u0631 \u0647\u0645\u06cc\u0634\u0647 \u0645\u062b\u0628\u062a.<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\" style=\"color:var(--clr-success);\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 11l3 3L22 4\"\/><\/svg>\n          \u0627\u062a\u062d\u0627\u062f \u0645\u0632\u062f\u0648\u062c\n        <\/div>\n        <div class=\"m9-night-card-formula\">(a+b)(a\u2212b) = a\u00b2\u2212b\u00b2<\/div>\n        <div class=\"m9-night-card-note\">\u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 \u0645\u0632\u062f\u0648\u062c\u200c\u0647\u0627 = \u062a\u0641\u0627\u0636\u0644 \u0645\u0631\u0628\u0639\u0627\u062a. \u062c\u0645\u0644\u0647 xy \u062d\u0630\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\" style=\"color:var(--clr-primary);\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n          \u0645\u06a9\u0639\u0628 \u0645\u062c\u0645\u0648\u0639\n        <\/div>\n        <div class=\"m9-night-card-formula\">(a+b)\u00b3 = a\u00b3+3a\u00b2b+3ab\u00b2+b\u00b3<\/div>\n        <div class=\"m9-night-card-note\">\u0636\u0631\u0627\u06cc\u0628: \u06f1\u060c \u06f3\u060c \u06f3\u060c \u06f1 (\u0645\u062b\u0644\u062b \u067e\u0627\u0633\u06a9\u0627\u0644)<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\">\n        <div class=\"m9-night-card-title\" style=\"color:var(--clr-secondary);\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2v20M2 12h20\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n          \u062a\u062c\u0632\u06cc\u0647\n        <\/div>\n        <div class=\"m9-night-card-formula\">a\u00b2\u2212b\u00b2 = (a+b)(a\u2212b)<\/div>\n        <div class=\"m9-night-card-note\">\u06f1. \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 \u2190 \u06f2. \u0627\u062a\u062d\u0627\u062f\u0647\u0627 \u2190 \u06f3. \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc. \u0647\u0645\u06cc\u0634\u0647 \u0686\u06a9 \u06a9\u0646!<\/div>\n      <\/div>\n\n      <div class=\"m9-night-card\" style=\"grid-column: 1 \/ -1; background:linear-gradient(135deg,rgba(99,102,241,0.09),rgba(6,182,212,0.07));\">\n        <div class=\"m9-night-card-title\" style=\"font-size:.9rem;\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n          \u062e\u0644\u0627\u0635\u0647 \u0637\u0644\u0627\u06cc\u06cc \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646\n        <\/div>\n        <div style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-top:.4rem;\">\n          <div style=\"font-size:.78rem;color:var(--clr-text-light);background:rgba(255,255,255,0.5);border-radius:.4rem;padding:.4rem .6rem;\">\u2b50 \u0647\u0631 \u062c\u0645\u0644\u0647 = \u0636\u0631\u06cc\u0628 \u00d7 \u0645\u062a\u063a\u06cc\u0631^\u062a\u0648\u0627\u0646<\/div>\n          <div style=\"font-size:.78rem;color:var(--clr-text-light);background:rgba(255,255,255,0.5);border-radius:.4rem;padding:.4rem .6rem;\">\u2b50 \u0641\u0642\u0637 \u0647\u0645\u0627\u0646\u0646\u062f\u200c\u0647\u0627 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/div>\n          <div style=\"font-size:.78rem;color:var(--clr-text-light);background:rgba(255,255,255,0.5);border-radius:.4rem;padding:.4rem .6rem;\">\u2b50 \u0636\u0631\u0628 \u062a\u0648\u0627\u0646 = \u062c\u0645\u0639 \u062a\u0648\u0627\u0646\u200c\u0647\u0627<\/div>\n          <div style=\"font-size:.78rem;color:var(--clr-text-light);background:rgba(255,255,255,0.5);border-radius:.4rem;padding:.4rem .6rem;\">\u2b50 (a+b)\u00b2 \u2260 a\u00b2+b\u00b2 (\u0631\u0627\u06cc\u062c\u200c\u062a\u0631\u06cc\u0646 \u0627\u0634\u062a\u0628\u0627\u0647!)<\/div>\n          <div style=\"font-size:.78rem;color:var(--clr-text-light);background:rgba(255,255,255,0.5);border-radius:.4rem;padding:.4rem .6rem;\">\u2b50 \u062a\u062c\u0632\u06cc\u0647 = \u0639\u06a9\u0633 \u0636\u0631\u0628<\/div>\n          <div style=\"font-size:.78rem;color:var(--clr-text-light);background:rgba(255,255,255,0.5);border-radius:.4rem;padding:.4rem .6rem;\">\u2b50 \u0647\u0645\u06cc\u0634\u0647 \u062c\u0648\u0627\u0628 \u0631\u0627 \u0686\u06a9 \u06a9\u0646<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/#math9ch5 -->\n\n<script>\n\/* =============================================\n   MATH9-CH5 \u2014 All JS scoped to #math9ch5\n   ============================================= *\/\n(function(){\n  const W = document.getElementById('math9ch5');\n  const STORAGE_KEY = 'math9ch5_progress';\n  const TOTAL_SECTIONS = 8;\n\n  \/* \u2500\u2500 Storage \u2500\u2500 *\/\n  function loadProgress(){\n    try { return JSON.parse(localStorage.getItem(STORAGE_KEY)) || {}; }\n    catch(e){ return {}; }\n  }\n  function saveProgress(data){\n    try { localStorage.setItem(STORAGE_KEY, JSON.stringify(data)); }\n    catch(e){}\n  }\n\n  \/* \u2500\u2500 Init \u2500\u2500 *\/\n  function init(){\n    const p = loadProgress();\n    \/\/ restore toggles\n    W.querySelectorAll('.m9-learned-toggle').forEach(function(t){\n      const id = parseInt(t.dataset.id);\n      if(p[id]) t.checked = true;\n    });\n    updateProgress();\n    m9UpdateCalcUI();\n    loadQuizQuestion();\n  }\n\n  \/* \u2500\u2500 Progress \u2500\u2500 *\/\n  window.m9ToggleLearned = function(id, checked){\n    const p = loadProgress();\n    if(checked) p[id] = true; else delete p[id];\n    saveProgress(p);\n    updateProgress();\n  };\n\n  function updateProgress(){\n    const p = loadProgress();\n    const done = Object.keys(p).length;\n    const pct = Math.round((done \/ TOTAL_SECTIONS) * 100);\n    const circ = 226;\n    const offset = circ - (circ * pct \/ 100);\n\n    const ring = W.querySelector('#m9RingFill');\n    const label = W.querySelector('#m9RingLabel');\n    const bar = W.querySelector('#m9ProgressBar');\n    const sub = W.querySelector('#m9ProgressSub');\n\n    if(ring) ring.style.strokeDashoffset = offset;\n    if(label) label.textContent = pct + '\u066a';\n    if(bar) bar.style.width = pct + '%';\n    if(sub) sub.textContent = done + ' \u0627\u0632 ' + TOTAL_SECTIONS + ' \u0628\u062e\u0634 \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647';\n  }\n\n  window.m9ResetProgress = function(){\n    if(!confirm('\u0622\u06cc\u0627 \u0645\u0637\u0645\u0626\u0646\u06cc\u061f \u067e\u06cc\u0634\u0631\u0641\u062a \u067e\u0627\u06a9 \u0645\u06cc\u200c\u0634\u0648\u062f.')) return;\n    saveProgress({});\n    W.querySelectorAll('.m9-learned-toggle').forEach(function(t){ t.checked = false; });\n    updateProgress();\n  };\n\n  \/* \u2500\u2500 Tabs \u2500\u2500 *\/\n  window.m9SwitchTab = function(name){\n    W.querySelectorAll('.m9-tab-btn').forEach(function(b){ b.classList.remove('active'); });\n    W.querySelectorAll('.m9-tab-panel').forEach(function(p){ p.classList.remove('active'); });\n    const btn = W.querySelector('[onclick=\"m9SwitchTab(\\'' + name + '\\')\"]');\n    const panel = W.querySelector('#m9Tab-' + name);\n    if(btn) btn.classList.add('active');\n    if(panel) panel.classList.add('active');\n  };\n\n  \/* \u2500\u2500 Accordion \u2500\u2500 *\/\n  window.m9ToggleAcc = function(id){\n    const item = W.querySelector('#' + id);\n    if(!item) return;\n    const wasOpen = item.classList.contains('open');\n    W.querySelectorAll('.m9-acc-item').forEach(function(i){ i.classList.remove('open'); });\n    if(!wasOpen) item.classList.add('open');\n  };\n\n  \/* \u2500\u2500 Calculator \u2500\u2500 *\/\n  const calcConfigs = {\n    eval: [\n      {id:'expr', label:'\u0639\u0628\u0627\u0631\u062a (\u0645\u062b\u0627\u0644: 3*x*x + 2*x - 1)', placeholder:'3*x*x + 2*x - 1', type:'text'},\n      {id:'xval', label:'\u0645\u0642\u062f\u0627\u0631 x', placeholder:'2', type:'number'}\n    ],\n    sum_sq: [\n      {id:'a', label:'\u0645\u0642\u062f\u0627\u0631 a', placeholder:'3', type:'number'},\n      {id:'b', label:'\u0645\u0642\u062f\u0627\u0631 b', placeholder:'2', type:'number'}\n    ],\n    diff_sq: [\n      {id:'a', label:'\u0645\u0642\u062f\u0627\u0631 a', placeholder:'4', type:'number'},\n      {id:'b', label:'\u0645\u0642\u062f\u0627\u0631 b', placeholder:'1', type:'number'}\n    ],\n    conj: [\n      {id:'a', label:'\u0645\u0642\u062f\u0627\u0631 a', placeholder:'5', type:'number'},\n      {id:'b', label:'\u0645\u0642\u062f\u0627\u0631 b', placeholder:'3', type:'number'}\n    ],\n    cube_sum: [\n      {id:'a', label:'\u0645\u0642\u062f\u0627\u0631 a', placeholder:'2', type:'number'},\n      {id:'b', label:'\u0645\u0642\u062f\u0627\u0631 b', placeholder:'1', type:'number'}\n    ],\n    factor2: [\n      {id:'a', label:'\u0636\u0631\u06cc\u0628 x\u00b2 (\u0645\u0642\u062f\u0627\u0631 a)', placeholder:'6', type:'number'},\n      {id:'b', label:'\u0636\u0631\u06cc\u0628 x (\u0645\u0642\u062f\u0627\u0631 b)', placeholder:'9', type:'number'}\n    ],\n    diff2sq: [\n      {id:'a', label:'\u0645\u0642\u062f\u0627\u0631 a', placeholder:'5', type:'number'},\n      {id:'b', label:'\u0645\u0642\u062f\u0627\u0631 b', placeholder:'3', type:'number'}\n    ]\n  };\n\n  window.m9UpdateCalcUI = function(){\n    const type = W.querySelector('#m9CalcType').value;\n    const cfg = calcConfigs[type] || [];\n    const wrap = W.querySelector('#m9CalcInputs');\n    wrap.innerHTML = cfg.map(function(f){\n      return '<div class=\"m9-calc-group\"><label class=\"m9-calc-label\">' + f.label + '<\/label><input class=\"m9-calc-input\" id=\"m9ci_' + f.id + '\" type=\"' + f.type + '\" placeholder=\"' + f.placeholder + '\" \/><\/div>';\n    }).join('');\n    const res = W.querySelector('#m9CalcResult');\n    if(res){ res.classList.remove('show'); res.innerHTML = ''; }\n  };\n\n  window.m9Calculate = function(){\n    const type = W.querySelector('#m9CalcType').value;\n    const res = W.querySelector('#m9CalcResult');\n    let html = '';\n\n    function g(id){ const el = W.querySelector('#m9ci_' + id); return el ? el.value.trim() : ''; }\n    function n(id){ return parseFloat(g(id)); }\n\n    try {\n      if(type === 'eval'){\n        const expr = g('expr');\n        const xval = parseFloat(g('xval'));\n        if(!expr || isNaN(xval)){ html = '\u26a0\ufe0f \u0644\u0637\u0641\u0627\u064b \u0645\u0642\u0627\u062f\u06cc\u0631 \u0631\u0627 \u062f\u0631\u0633\u062a \u0648\u0627\u0631\u062f \u06a9\u0646.'; }\n        else {\n          const x = xval;\n          const result = Function('\"use strict\"; var x=' + xval + '; return (' + expr + ')')();\n          html = '\ud83d\udcca \u0628\u0631\u0627\u06cc x = <strong>' + xval + '<\/strong>:<br>' +\n                 '\u0639\u0628\u0627\u0631\u062a: <strong style=\"direction:ltr;display:inline-block;\">' + expr + '<\/strong><br>' +\n                 '\u0646\u062a\u06cc\u062c\u0647 = <strong style=\"font-size:1.2rem;color:var(--clr-primary);\">' + result + '<\/strong>';\n        }\n      } else if(type === 'sum_sq'){\n        const a = n('a'), b = n('b');\n        const r = a*a + 2*a*b + b*b;\n        html = '(a+b)\u00b2 = <strong>a\u00b2+2ab+b\u00b2<\/strong><br>' +\n               'a=' + a + ', b=' + b + '<br>' +\n               '(' + a + '+' + b + ')\u00b2 = ' + a + '\u00b2 + 2\u00d7' + a + '\u00d7' + b + ' + ' + b + '\u00b2<br>' +\n               '= ' + (a*a) + ' + ' + (2*a*b) + ' + ' + (b*b) + ' = <strong style=\"color:var(--clr-primary);font-size:1.1rem;\">' + r + '<\/strong>';\n      } else if(type === 'diff_sq'){\n        const a = n('a'), b = n('b');\n        const r = a*a - 2*a*b + b*b;\n        html = '(a\u2212b)\u00b2 = <strong>a\u00b2\u22122ab+b\u00b2<\/strong><br>' +\n               'a=' + a + ', b=' + b + '<br>' +\n               '(' + a + '\u2212' + b + ')\u00b2 = ' + a + '\u00b2 \u2212 2\u00d7' + a + '\u00d7' + b + ' + ' + b + '\u00b2<br>' +\n               '= ' + (a*a) + ' \u2212 ' + (2*a*b) + ' + ' + (b*b) + ' = <strong style=\"color:var(--clr-primary);font-size:1.1rem;\">' + r + '<\/strong>';\n      } else if(type === 'conj'){\n        const a = n('a'), b = n('b');\n        const r = a*a - b*b;\n        html = '(a+b)(a\u2212b) = <strong>a\u00b2\u2212b\u00b2<\/strong><br>' +\n               'a=' + a + ', b=' + b + '<br>' +\n               '(' + a + '+' + b + ')(' + a + '\u2212' + b + ') = ' + a + '\u00b2 \u2212 ' + b + '\u00b2<br>' +\n               '= ' + (a*a) + ' \u2212 ' + (b*b) + ' = <strong style=\"color:var(--clr-primary);font-size:1.1rem;\">' + r + '<\/strong>';\n      } else if(type === 'cube_sum'){\n        const a = n('a'), b = n('b');\n        const r = Math.pow(a+b,3);\n        html = '(a+b)\u00b3 = <strong>a\u00b3+3a\u00b2b+3ab\u00b2+b\u00b3<\/strong><br>' +\n               'a=' + a + ', b=' + b + '<br>' +\n               '= ' + Math.pow(a,3) + ' + ' + (3*a*a*b) + ' + ' + (3*a*b*b) + ' + ' + Math.pow(b,3) + '<br>' +\n               '= <strong style=\"color:var(--clr-primary);font-size:1.1rem;\">' + r + '<\/strong>';\n      } else if(type === 'factor2'){\n        const a = n('a'), b = n('b');\n        function gcd(x,y){ x=Math.abs(x);y=Math.abs(y); while(y){var t=y;y=x%y;x=t;} return x; }\n        const g2 = gcd(a, b);\n        const a2 = a\/g2, b2 = b\/g2;\n        html = '\u0639\u0628\u0627\u0631\u062a: <strong>' + a + 'x\u00b2 + ' + b + 'x<\/strong><br>' +\n               '\u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 = <strong>' + g2 + 'x<\/strong><br>' +\n               '= <strong style=\"color:var(--clr-primary);font-size:1rem;\">' + g2 + 'x(' + a2 + 'x + ' + b2 + ')<\/strong>';\n      } else if(type === 'diff2sq'){\n        const a = n('a'), b = n('b');\n        html = 'a\u00b2\u2212b\u00b2 = (a+b)(a\u2212b)<br>' +\n               'a=' + a + ', b=' + b + '<br>' +\n               a + '\u00b2 \u2212 ' + b + '\u00b2 = (' + a + '+' + b + ')(' + a + '\u2212' + b + ')<br>' +\n               '= ' + (a+b) + ' \u00d7 ' + (a-b) + ' = <strong style=\"color:var(--clr-primary);font-size:1.1rem;\">' + (a*a - b*b) + '<\/strong>';\n      }\n    } catch(e){\n      html = '\u26a0\ufe0f \u062e\u0637\u0627: ' + e.message;\n    }\n\n    res.innerHTML = html;\n    res.classList.add('show');\n  };\n\n  \/* \u2500\u2500 Quiz \u2500\u2500 *\/\n  const quizData = [\n    { q: '\u062f\u0631 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u06f3x\u00b2 \u2212 \u06f5x + \u06f2 \u060c \u0636\u0631\u06cc\u0628 x\u00b2 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['\u06f5\u2212', '\u06f2', '\u06f3', '\u06f1'], ans: 2, exp: '\u0636\u0631\u06cc\u0628 \u062c\u0645\u0644\u0647 \u06f3x\u00b2 \u0639\u062f\u062f \u06f3 \u0627\u0633\u062a \u06a9\u0647 \u062c\u0644\u0648\u06cc x\u00b2 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f.' },\n    { q: '\u062d\u0627\u0635\u0644 (\u06f2x + \u06f3) + (x \u2212 \u06f1) \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['\u06f3x + \u06f2', '3x + 4', '2x + 2', 'x + 2'], ans: 0, exp: '\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u062c\u0645\u0639 \u06a9\u0646: 2x+x=3x \u0648 3-1=2\u060c \u067e\u0633 \u062c\u0648\u0627\u0628 3x+2 \u0627\u0633\u062a.' },\n    { q: '\u0627\u062a\u062d\u0627\u062f (a+b)\u00b2 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['a\u00b2+b\u00b2', 'a\u00b2+ab+b\u00b2', 'a\u00b2+2ab+b\u00b2', '2a\u00b2+2b\u00b2'], ans: 2, exp: '\u0627\u062a\u062d\u0627\u062f \u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639: (a+b)\u00b2=a\u00b2+2ab+b\u00b2. \u062c\u0645\u0644\u0647 \u0645\u06cc\u0627\u0646\u06cc 2ab \u0627\u0633\u062a.' },\n    { q: '\u062d\u0627\u0635\u0644 (x+3)(x\u22123) \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['x\u00b2+6x\u22129', 'x\u00b2\u22129', 'x\u00b2+9', 'x\u00b2\u22126x+9'], ans: 1, exp: '\u0627\u062a\u062d\u0627\u062f \u0645\u0632\u062f\u0648\u062c: (a+b)(a\u2212b)=a\u00b2\u2212b\u00b2. \u067e\u0633 (x+3)(x\u22123)=x\u00b2\u22129.' },\n    { q: '\u062a\u062c\u0632\u06cc\u0647 \u0639\u0628\u0627\u0631\u062a 4x\u00b2\u221216 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['4(x+2)(x\u22122)', '4(x\u00b2\u22124)', '(2x+4)(2x\u22124)', '4x(x\u22124)'], ans: 0, exp: '4x\u00b2\u221216 = 4(x\u00b2\u22124) = 4(x+2)(x\u22122). \u0627\u0628\u062a\u062f\u0627 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 \u06f4\u060c \u0628\u0639\u062f \u062a\u0641\u0627\u0636\u0644 \u0645\u0631\u0628\u0639\u0627\u062a.' },\n    { q: '\u0627\u06af\u0631 x=3\u060c \u0645\u0642\u062f\u0627\u0631 \u0639\u0628\u0627\u0631\u062a 2x\u00b2\u2212x+1 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['\u06f1\u06f6', '\u06f1\u06f8', '\u06f1\u06f9', '\u06f2\u06f0'], ans: 1, exp: '2(9)\u22123+1 = 18\u22123+1 = 16. \u062a\u0648\u062c\u0647: 2\u00d79=18.' },\n    { q: '\u0642\u0627\u0646\u0648\u0646 x^m \u00d7 x^n \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['x^(m\u2212n)', 'x^(m\u00d7n)', 'x^(m+n)', 'x^(m\/n)'], ans: 2, exp: '\u062f\u0631 \u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0647\u0645\u067e\u0627\u06cc\u0647\u060c \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f: x^m \u00d7 x^n = x^(m+n).' },\n    { q: '\u062d\u0627\u0635\u0644 (2x\u22121)\u00b2 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['4x\u00b2\u22121', '4x\u00b2+4x+1', '4x\u00b2\u22124x+1', '2x\u00b2\u22122x+1'], ans: 2, exp: '(2x\u22121)\u00b2=(2x)\u00b2\u22122(2x)(1)+1\u00b2=4x\u00b2\u22124x+1. \u0627\u0632 \u0627\u062a\u062d\u0627\u062f (a\u2212b)\u00b2 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646.' },\n    { q: '\u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 \u0639\u0628\u0627\u0631\u062a 6x\u00b3+9x\u00b2 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['3x', '3x\u00b2', '6x', '9x\u00b2'], ans: 1, exp: '\u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0639\u062f\u062f\u06cc: gcd(6,9)=3. \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u062a\u0648\u0627\u0646 \u0645\u0634\u062a\u0631\u06a9 x: x\u00b2. \u067e\u0633 \u0641\u0627\u06a9\u062a\u0648\u0631: 3x\u00b2.' },\n    { q: '\u062f\u0631\u062c\u0647 \u0639\u0628\u0627\u0631\u062a 5x\u00b3y\u00b2 \u2212 2xy + 7 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:', opts: ['\u06f3', '\u06f2', '\u06f5', '\u06f6'], ans: 2, exp: '\u062f\u0631\u062c\u0647 \u0647\u0631 \u062c\u0645\u0644\u0647 = \u0645\u062c\u0645\u0648\u0639 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u062a\u063a\u06cc\u0631\u0647\u0627. \u062c\u0645\u0644\u0647 5x\u00b3y\u00b2: 3+2=5. \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u062f\u0631\u062c\u0647 = \u06f5.' },\n  ];\n\n  let qIdx = 0, score = 0, answered = false;\n\n  function loadQuizQuestion(){\n    const qCard = W.querySelector('#m9QuizCard');\n    const qFin = W.querySelector('#m9QuizFinish');\n    if(qIdx >= quizData.length){\n      qCard.style.display = 'none';\n      qFin.style.display = 'block';\n      const pct = Math.round((score\/quizData.length)*100);\n      W.querySelector('#m9FinishEmoji').textContent = pct >= 80 ? '\ud83c\udfc6' : pct >= 50 ? '\ud83d\udc4d' : '\ud83d\udcda';\n      W.querySelector('#m9FinishTitle').textContent = pct >= 80 ? '\u0639\u0627\u0644\u06cc \u0628\u0648\u062f!' : pct >= 50 ? '\u062e\u0648\u0628 \u0628\u0648\u062f!' : '\u0628\u06cc\u0634\u062a\u0631 \u0645\u0637\u0627\u0644\u0639\u0647 \u06a9\u0646!';\n      W.querySelector('#m9FinishMsg').textContent = '\u0627\u0645\u062a\u06cc\u0627\u0632: ' + score + ' \u0627\u0632 ' + quizData.length + ' (' + pct + '\u066a)';\n      return;\n    }\n    answered = false;\n    const d = quizData[qIdx];\n    W.querySelector('#m9QuizQ').textContent = (qIdx+1) + '. ' + d.q;\n    W.querySelector('#m9QuizCounter').textContent = '\u0633\u0648\u0627\u0644 ' + (qIdx+1) + ' \u0627\u0632 ' + quizData.length;\n    W.querySelector('#m9ScoreBadge').innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> \u0627\u0645\u062a\u06cc\u0627\u0632: ' + score + ' \u0627\u0632 ' + qIdx;\n    const fb = W.querySelector('#m9QuizFeedback');\n    fb.className = 'm9-quiz-feedback';\n    fb.textContent = '';\n    const nb = W.querySelector('#m9QuizNextBtn');\n    nb.className = 'm9-quiz-next-btn';\n\n    const optsWrap = W.querySelector('#m9QuizOpts');\n    optsWrap.innerHTML = d.opts.map(function(o, i){\n      return '<button class=\"m9-quiz-opt\" onclick=\"m9Answer(' + i + ')\">' + o + '<\/button>';\n    }).join('');\n  }\n\n  window.m9Answer = function(idx){\n    if(answered) return;\n    answered = true;\n    const d = quizData[qIdx];\n    const opts = W.querySelectorAll('.m9-quiz-opt');\n    opts.forEach(function(b){ b.classList.add('disabled'); });\n    const fb = W.querySelector('#m9QuizFeedback');\n    const nb = W.querySelector('#m9QuizNextBtn');\n    if(idx === d.ans){\n      score++;\n      opts[idx].classList.add('correct');\n      fb.className = 'm9-quiz-feedback show ok';\n      fb.textContent = '\u2705 \u0622\u0641\u0631\u06cc\u0646! ' + d.exp;\n    } else {\n      opts[idx].classList.add('wrong');\n      opts[d.ans].classList.add('correct');\n      fb.className = 'm9-quiz-feedback show fail';\n      fb.textContent = '\u274c \u0627\u0634\u062a\u0628\u0627\u0647! \u062c\u0648\u0627\u0628 \u062f\u0631\u0633\u062a: \u06af\u0632\u06cc\u0646\u0647 ' + (d.ans+1) + '. ' + d.exp;\n    }\n    W.querySelector('#m9ScoreBadge').innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> \u0627\u0645\u062a\u06cc\u0627\u0632: ' + score + ' \u0627\u0632 ' + (qIdx+1);\n    nb.className = 'm9-quiz-next-btn show';\n  };\n\n  window.m9NextQuestion = function(){\n    qIdx++;\n    loadQuizQuestion();\n  };\n\n  window.m9RestartQuiz = function(){\n    qIdx = 0; score = 0; answered = false;\n    W.querySelector('#m9QuizCard').style.display = '';\n    W.querySelector('#m9QuizFinish').style.display = 'none';\n    loadQuizQuestion();\n  };\n\n  \/* \u2500\u2500 Start \u2500\u2500 *\/\n  init();\n\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0641\u0635\u0644 \u06f5 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 &#8211; \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u0641\u0635\u0644 \u06f5: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0645\u0639\u060c \u062a\u0645\u0631\u06cc\u0646 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u2014 \u0628\u0627 \u0634\u06a9\u0644\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0648 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u0641\u0647\u0648\u0645\u06cc \u06f0\u066a \u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0634\u0645\u0627 \u06f0 \u0627\u0632 \u06f8 \u0628\u062e\u0634 \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0622\u0645\u0648\u0632\u0634 \u0645\u0627\u0634\u06cc\u0646\u200c\u062d\u0633\u0627\u0628 \u06a9\u0648\u06cc\u06cc\u0632 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u06f1. \u0645\u0641\u0647\u0648\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-964","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.9 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u062a\u0648\u0627\u0646 - Mathsymbol<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mathsymbol.ir\/?page_id=964\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062a\u0648\u0627\u0646\" \/>\n<meta property=\"og:description\" content=\"\u0641\u0635\u0644 \u06f5 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 &#8211; \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u0641\u0635\u0644 \u06f5: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0645\u0639\u060c \u062a\u0645\u0631\u06cc\u0646 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u2014 \u0628\u0627 \u0634\u06a9\u0644\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0648 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u0641\u0647\u0648\u0645\u06cc \u06f0\u066a \u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0634\u0645\u0627 \u06f0 \u0627\u0632 \u06f8 \u0628\u062e\u0634 \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0622\u0645\u0648\u0632\u0634 \u0645\u0627\u0634\u06cc\u0646\u200c\u062d\u0633\u0627\u0628 \u06a9\u0648\u06cc\u06cc\u0632 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u06f1. \u0645\u0641\u0647\u0648\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mathsymbol.ir\/?page_id=964\" \/>\n<meta property=\"og:site_name\" content=\"Mathsymbol\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-14T02:10:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=964\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=964\",\"name\":\"\u062a\u0648\u0627\u0646 - Mathsymbol\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#website\"},\"datePublished\":\"2025-12-31T11:31:42+00:00\",\"dateModified\":\"2026-06-14T02:10:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=964#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=964\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=964#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mathsymbol.ir\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u062a\u0648\u0627\u0646\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#website\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/\",\"name\":\"Mathsymbol\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mathsymbol.ir\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#organization\",\"name\":\"Mathsymbol\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Copilot_20260218_130420.png\",\"contentUrl\":\"https:\\\/\\\/mathsymbol.ir\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Copilot_20260218_130420.png\",\"width\":1024,\"height\":1024,\"caption\":\"Mathsymbol\"},\"image\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u062a\u0648\u0627\u0646 - Mathsymbol","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mathsymbol.ir\/?page_id=964","og_locale":"fa_IR","og_type":"article","og_title":"\u062a\u0648\u0627\u0646","og_description":"\u0641\u0635\u0644 \u06f5 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 &#8211; \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u0641\u0635\u0644 \u06f5: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0645\u0639\u060c \u062a\u0645\u0631\u06cc\u0646 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u2014 \u0628\u0627 \u0634\u06a9\u0644\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0648 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u0641\u0647\u0648\u0645\u06cc \u06f0\u066a \u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0634\u0645\u0627 \u06f0 \u0627\u0632 \u06f8 \u0628\u062e\u0634 \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0622\u0645\u0648\u0632\u0634 \u0645\u0627\u0634\u06cc\u0646\u200c\u062d\u0633\u0627\u0628 \u06a9\u0648\u06cc\u06cc\u0632 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u06f1. \u0645\u0641\u0647\u0648\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 [&hellip;]","og_url":"https:\/\/mathsymbol.ir\/?page_id=964","og_site_name":"Mathsymbol","article_modified_time":"2026-06-14T02:10:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mathsymbol.ir\/?page_id=964","url":"https:\/\/mathsymbol.ir\/?page_id=964","name":"\u062a\u0648\u0627\u0646 - Mathsymbol","isPartOf":{"@id":"https:\/\/mathsymbol.ir\/#website"},"datePublished":"2025-12-31T11:31:42+00:00","dateModified":"2026-06-14T02:10:03+00:00","breadcrumb":{"@id":"https:\/\/mathsymbol.ir\/?page_id=964#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mathsymbol.ir\/?page_id=964"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mathsymbol.ir\/?page_id=964#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mathsymbol.ir\/"},{"@type":"ListItem","position":2,"name":"\u062a\u0648\u0627\u0646"}]},{"@type":"WebSite","@id":"https:\/\/mathsymbol.ir\/#website","url":"https:\/\/mathsymbol.ir\/","name":"Mathsymbol","description":"","publisher":{"@id":"https:\/\/mathsymbol.ir\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mathsymbol.ir\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/mathsymbol.ir\/#organization","name":"Mathsymbol","url":"https:\/\/mathsymbol.ir\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/mathsymbol.ir\/#\/schema\/logo\/image\/","url":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2025\/10\/Copilot_20260218_130420.png","contentUrl":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2025\/10\/Copilot_20260218_130420.png","width":1024,"height":1024,"caption":"Mathsymbol"},"image":{"@id":"https:\/\/mathsymbol.ir\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=964"}],"version-history":[{"count":13,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/964\/revisions"}],"predecessor-version":[{"id":2212,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/964\/revisions\/2212"}],"wp:attachment":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}