{"id":2468,"date":"2026-07-21T14:17:03","date_gmt":"2026-07-21T10:47:03","guid":{"rendered":"https:\/\/mathsymbol.ir\/?page_id=2468"},"modified":"2026-07-21T14:18:25","modified_gmt":"2026-07-21T10:48:25","slug":"%d9%81%d8%b5%d9%84","status":"publish","type":"page","link":"https:\/\/mathsymbol.ir\/?page_id=2468","title":{"rendered":"\u0641\u0635\u0644"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2468\" class=\"elementor elementor-2468\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07aa336 e-flex e-con-boxed e-con e-parent\" data-id=\"07aa336\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1de0dfe elementor-widget elementor-widget-html\" data-id=\"1de0dfe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\"\/>\r\n<title>\u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 | \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/title>\r\n<style>\r\n:root{\r\n  --orange:#f97316;\r\n  --orange-dark:#ea580c;\r\n  --orange-light:#fed7aa;\r\n  --orange-pale:#fff7ed;\r\n  --orange-glow:rgba(249,115,22,.18);\r\n  --amber:#f59e0b;\r\n  --success:#059669;\r\n  --danger:#dc2626;\r\n  --warn-bg:#fef3c7;\r\n  --warn-border:#f59e0b;\r\n  --tip-bg:#ecfdf5;\r\n  --tip-border:#059669;\r\n  --err-bg:#fef2f2;\r\n  --err-border:#dc2626;\r\n  --dark:#1c1917;\r\n  --text:#292524;\r\n  --muted:#78716c;\r\n  --card:rgba(255,255,255,.72);\r\n  --card-border:rgba(249,115,22,.18);\r\n  --glass:rgba(255,255,255,.55);\r\n  --glass-border:rgba(249,115,22,.22);\r\n  --glass-strong:rgba(255,255,255,.78);\r\n  --shadow:0 20px 50px rgba(249,115,22,.10),0 4px 14px rgba(0,0,0,.04);\r\n  --radius:22px;\r\n}\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:Tahoma,Arial,sans-serif;\r\n  color:var(--text);line-height:2;\r\n  min-height:100vh;\r\n  background:#ffffff;\r\n  background-image:\r\n    radial-gradient(ellipse at 0% 0%,rgba(249,115,22,.08),transparent 40%),\r\n    radial-gradient(ellipse at 100% 100%,rgba(245,158,11,.06),transparent 40%);\r\n}\r\n\r\n#app{max-width:1180px;margin:0 auto;padding:16px;position:relative;z-index:1}\r\n\r\n\/* \u2500\u2500\u2500 PROGRESS \u2500\u2500\u2500 *\/\r\n.progress-wrap{\r\n  position:fixed;inset:0 0 auto 0;z-index:10000;height:5px;\r\n  background:rgba(249,115,22,.12);\r\n}\r\n.progress-bar{\r\n  height:100%;width:0%;\r\n  background:linear-gradient(90deg,#f97316,#f59e0b,#ef4444);\r\n  box-shadow:0 0 14px rgba(249,115,22,.45);\r\n  transition:width .12s linear;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n.hero{\r\n  position:relative;overflow:hidden;\r\n  border-radius:28px;padding:38px 26px 30px;margin-bottom:8px;\r\n  background:linear-gradient(135deg,#f97316 0%,#ea580c 40%,#dc2626 100%);\r\n  color:#fff;\r\n  box-shadow:0 24px 60px rgba(249,115,22,.25);\r\n}\r\n.hero::before,.hero::after{\r\n  content:\"\";position:absolute;border-radius:50%;\r\n  background:rgba(255,255,255,.10);pointer-events:none;\r\n}\r\n.hero::before{width:280px;height:280px;top:-90px;left:-60px}\r\n.hero::after{width:180px;height:180px;bottom:-60px;right:-30px}\r\n.hero-inner{position:relative;z-index:2}\r\n.hero .tag{\r\n  display:inline-block;padding:7px 14px;border-radius:999px;\r\n  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);\r\n  font-size:14px;margin-bottom:14px;\r\n}\r\n.hero h1{\r\n  font-size:38px;line-height:1.3;margin-bottom:12px;\r\n}\r\n.hero p{font-size:17px;color:rgba(255,255,255,.92);max-width:880px;line-height:1.9}\r\n.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}\r\n.chip{\r\n  display:inline-flex;align-items:center;gap:6px;\r\n  padding:7px 13px;border-radius:999px;font-size:13px;\r\n  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TAB NAV \u2014 GLASS \u2500\u2500\u2500 *\/\r\n.tab-nav-wrap{\r\n  position:sticky;top:0;z-index:200;\r\n  padding:10px 0 8px;\r\n  background:rgba(255,255,255,.68);\r\n  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);\r\n  border-bottom:1px solid rgba(249,115,22,.12);\r\n  box-shadow:0 4px 20px rgba(249,115,22,.06);\r\n}\r\n.tab-nav{\r\n  display:flex;gap:8px;overflow-x:auto;\r\n  padding:0 4px 6px;\r\n  scrollbar-width:thin;\r\n  scrollbar-color:rgba(249,115,22,.20) transparent;\r\n}\r\n.tab-nav::-webkit-scrollbar{height:4px}\r\n.tab-nav::-webkit-scrollbar-thumb{background:rgba(249,115,22,.20);border-radius:9px}\r\n\r\n.tab-btn{\r\n  flex-shrink:0;appearance:none;cursor:pointer;\r\n  padding:10px 16px;border-radius:999px;\r\n  font-family:inherit;font-size:14px;font-weight:700;\r\n  white-space:nowrap;transition:.3s ease;\r\n  background:rgba(255,255,255,.60);\r\n  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\r\n  border:1px solid rgba(249,115,22,.14);\r\n  color:var(--muted);\r\n  box-shadow:0 4px 14px rgba(0,0,0,.03);\r\n}\r\n.tab-btn:hover{\r\n  background:rgba(255,247,237,.90);\r\n  color:var(--orange-dark);\r\n  border-color:rgba(249,115,22,.30);\r\n}\r\n.tab-btn.active{\r\n  background:linear-gradient(135deg,#f97316,#ea580c);\r\n  color:#fff;border-color:transparent;\r\n  box-shadow:0 8px 28px rgba(249,115,22,.35);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TAB PANELS \u2500\u2500\u2500 *\/\r\n.tab-panel{display:none;animation:panelIn .4s ease}\r\n.tab-panel.active{display:block}\r\n@keyframes panelIn{\r\n  from{opacity:0;transform:translateY(14px)}\r\n  to{opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* \u2500\u2500\u2500 GLASS CARD \u2500\u2500\u2500 *\/\r\n.g-card{\r\n  background:var(--card);\r\n  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);\r\n  border:1px solid var(--card-border);\r\n  border-radius:var(--radius);\r\n  padding:26px 22px;margin-bottom:18px;\r\n  box-shadow:var(--shadow);\r\n}\r\n.g-card h2{\r\n  font-size:27px;margin-bottom:16px;line-height:1.5;\r\n  color:var(--orange-dark);\r\n}\r\n.g-card h3{font-size:20px;color:var(--orange);margin:18px 0 10px}\r\n.g-card p{font-size:16px;margin-bottom:12px;color:var(--text)}\r\n.g-card ul,.g-card ol{padding-right:20px;margin:8px 0}\r\n.g-card li{margin-bottom:6px;color:#44403c}\r\n\r\n\/* \u2500\u2500\u2500 GRIDS \u2500\u2500\u2500 *\/\r\n.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\r\n.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n\r\n.g-mini{\r\n  background:var(--glass-strong);\r\n  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\r\n  border:1px solid var(--glass-border);\r\n  border-radius:20px;padding:16px;\r\n  box-shadow:0 10px 28px rgba(249,115,22,.06);\r\n}\r\n.g-mini h4{font-size:17px;color:var(--orange-dark);margin-bottom:10px}\r\n\r\n\/* \u2500\u2500\u2500 BOXES \u2500\u2500\u2500 *\/\r\n.g-box{\r\n  margin:14px 0;padding:16px;border-radius:18px;border-right:5px solid;\r\n  backdrop-filter:blur(10px);\r\n}\r\n.g-note{background:var(--orange-pale);border-color:var(--orange)}\r\n.g-warn{background:var(--err-bg);border-color:var(--danger)}\r\n.g-tip{background:var(--tip-bg);border-color:var(--success)}\r\n.g-box strong{display:inline-block;margin-bottom:4px}\r\n\r\n\/* \u2500\u2500\u2500 FORMULA \u2500\u2500\u2500 *\/\r\n.formula{\r\n  direction:ltr;white-space:nowrap;overflow-x:auto;\r\n  background:rgba(255,247,237,.80);\r\n  border:1px solid rgba(249,115,22,.15);\r\n  border-radius:18px;padding:14px 18px;font-weight:700;\r\n  color:var(--dark);margin:12px 0;line-height:1.9;text-align:center;\r\n}\r\n.frac{\r\n  display:inline-flex;flex-direction:column;text-align:center;\r\n  vertical-align:middle;min-width:58px;margin:0 4px;line-height:1.12;\r\n}\r\n.frac>span:first-child{border-bottom:2px solid var(--orange-dark);padding:0 8px 4px}\r\n.frac>span:last-child{padding:4px 8px 0}\r\n\r\n\/* \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 *\/\r\n.steps{counter-reset:step;list-style:none;padding:0}\r\n.steps li{\r\n  position:relative;padding:12px 58px 12px 12px;margin-bottom:10px;\r\n  background:var(--glass-strong);border:1px solid var(--glass-border);\r\n  border-radius:18px;\r\n}\r\n.steps li::before{\r\n  counter-increment:step;content:counter(step);\r\n  position:absolute;right:14px;top:12px;width:30px;height:30px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--orange),var(--orange-dark));\r\n  color:#fff;display:flex;align-items:center;justify-content:center;\r\n  font-weight:700;box-shadow:0 6px 18px rgba(249,115,22,.28);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TABLE \u2500\u2500\u2500 *\/\r\n.table-wrap{overflow-x:auto;margin:12px 0}\r\ntable{\r\n  width:100%;min-width:660px;border-collapse:collapse;\r\n  background:#fff;border-radius:16px;overflow:hidden;\r\n}\r\nth,td{\r\n  border:1px solid #fde4c8;padding:14px 12px;\r\n  text-align:right;vertical-align:top;\r\n}\r\nth{background:var(--orange-pale);color:var(--orange-dark);font-weight:700}\r\n\r\n\/* \u2500\u2500\u2500 EXERCISE \u2500\u2500\u2500 *\/\r\n.exercise{\r\n  background:var(--glass-strong);\r\n  border:1px solid var(--glass-border);\r\n  border-radius:18px;padding:16px;\r\n}\r\n.exercise strong{color:var(--orange)}\r\n\r\n\/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\r\n.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}\r\n.btn{\r\n  appearance:none;border:none;cursor:pointer;\r\n  padding:12px 18px;border-radius:14px;font-weight:700;\r\n  font-family:inherit;font-size:15px;transition:.25s ease;\r\n}\r\n.btn:hover{transform:translateY(-2px)}\r\n.btn-primary{\r\n  background:linear-gradient(135deg,var(--orange),var(--orange-dark));\r\n  color:#fff;box-shadow:0 10px 28px rgba(249,115,22,.30);\r\n}\r\n.btn-ghost{\r\n  background:rgba(255,247,237,.80);\r\n  color:var(--orange-dark);\r\n  border:1px solid rgba(249,115,22,.20);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 ANSWERS \u2500\u2500\u2500 *\/\r\n.answers{\r\n  display:none;margin-top:16px;padding:16px;\r\n  background:var(--orange-pale);\r\n  border:1px dashed rgba(249,115,22,.35);\r\n  border-radius:18px;\r\n}\r\n.answers.show{display:block;animation:fadeIn .35s ease}\r\n@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* \u2500\u2500\u2500 ACCORDION \u2500\u2500\u2500 *\/\r\n.accordion{display:grid;gap:12px}\r\n.acc-item{\r\n  border:1px solid var(--glass-border);border-radius:18px;\r\n  background:var(--glass-strong);overflow:hidden;\r\n}\r\n.acc-btn{\r\n  width:100%;text-align:right;padding:16px;border:none;\r\n  background:transparent;cursor:pointer;font-family:inherit;\r\n  font-size:16px;font-weight:700;color:var(--dark);\r\n  display:flex;justify-content:space-between;align-items:center;\r\n}\r\n.acc-btn .icon{\r\n  font-size:22px;color:var(--orange);transition:.3s ease;\r\n  display:inline-flex;align-items:center;justify-content:center;\r\n  width:28px;height:28px;border-radius:50%;\r\n  background:var(--orange-pale);\r\n}\r\n.acc-item.active .acc-btn .icon{transform:rotate(45deg)}\r\n.acc-content{display:none;padding:0 16px 16px;color:#44403c;line-height:2}\r\n.acc-item.active .acc-content{display:block;animation:fadeIn .3s ease}\r\n\r\n\/* \u2500\u2500\u2500 QUIZ \u2500\u2500\u2500 *\/\r\n.quiz-box{\r\n  background:var(--glass-strong);\r\n  border:1px solid var(--glass-border);\r\n  border-radius:20px;padding:18px;margin-bottom:14px;\r\n}\r\n.quiz-box h4{font-size:17px;color:var(--orange-dark);margin-bottom:12px}\r\n.option{\r\n  display:block;margin:10px 0;padding:12px 14px;\r\n  border:1px solid rgba(249,115,22,.14);border-radius:14px;\r\n  background:#fff;cursor:pointer;transition:.2s ease;color:var(--text);\r\n}\r\n.option:hover{border-color:rgba(249,115,22,.40);background:var(--orange-pale)}\r\n.option input{margin-left:8px;accent-color:var(--orange)}\r\n.quiz-result{\r\n  margin-top:18px;padding:16px;border-radius:18px;\r\n  background:var(--glass-strong);\r\n  border:1px solid var(--glass-border);\r\n  font-weight:700;display:none;\r\n}\r\n.score-good{color:var(--success)}\r\n.score-mid{color:var(--amber)}\r\n.score-bad{color:var(--danger)}\r\n\r\n\/* \u2500\u2500\u2500 TO TOP \u2500\u2500\u2500 *\/\r\n.to-top{\r\n  position:fixed;left:18px;bottom:18px;width:52px;height:52px;\r\n  border:1px solid rgba(249,115,22,.20);border-radius:50%;cursor:pointer;\r\n  background:rgba(255,255,255,.80);backdrop-filter:blur(14px);\r\n  color:var(--orange);font-size:22px;display:none;z-index:999;\r\n  box-shadow:0 12px 30px rgba(249,115,22,.18);transition:.25s ease;\r\n}\r\n.to-top:hover{transform:translateY(-3px);background:#fff}\r\n.to-top.show{display:flex;align-items:center;justify-content:center}\r\n\r\n.highlight{color:var(--orange-dark);font-weight:700}\r\n\r\n.footer{\r\n  text-align:center;color:var(--muted);font-size:13px;padding:16px 8px 30px;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .grid-2,.grid-3{grid-template-columns:1fr}\r\n  .hero h1{font-size:30px}\r\n  .hero p{font-size:15px}\r\n}\r\n@media(max-width:600px){\r\n  #app{padding:10px}\r\n  .hero{padding:28px 14px 22px;border-radius:22px}\r\n  .hero h1{font-size:24px}\r\n  .g-card{padding:18px 14px;border-radius:18px}\r\n  .g-card h2{font-size:22px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"progress-wrap\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\r\n\r\n<div id=\"app\">\r\n\r\n  <header class=\"hero\">\r\n    <div class=\"hero-inner\">\r\n      <div class=\"tag\">\ud83d\udcd9 \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u2022 \u0631\u06cc\u0627\u0636\u06cc \u2022 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645<\/div>\r\n      <h1>\u0641\u0635\u0644 \u0647\u0641\u062a\u0645: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/h1>\r\n      <p>\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645\u061b \u0634\u0627\u0645\u0644 \u062a\u0639\u0631\u06cc\u0641 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\u060c \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641\u060c\r\n      \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646\u060c \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645\u060c \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642\u060c \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\u060c \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u062a\u0633\u062a\u06cc.<\/p>\r\n      <div class=\"chip-row\">\r\n        <div class=\"chip\">\ud83d\udcd8 \u062a\u0639\u0631\u06cc\u0641<\/div>\r\n        <div class=\"chip\">\ud83d\udeab \u0645\u0642\u0627\u062f\u06cc\u0631 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632<\/div>\r\n        <div class=\"chip\">\u2702\ufe0f \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc<\/div>\r\n        <div class=\"chip\">\u2716\ufe0f \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645<\/div>\r\n        <div class=\"chip\">\u2795 \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642<\/div>\r\n        <div class=\"chip\">\ud83c\udfaf \u0622\u0632\u0645\u0648\u0646<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- \u2550\u2550\u2550 GLASS TAB NAV \u2550\u2550\u2550 -->\r\n  <div class=\"tab-nav-wrap\">\r\n    <div class=\"tab-nav\" id=\"tabNav\">\r\n      <button class=\"tab-btn active\" data-tab=\"tab-intro\">\ud83d\udcd7 \u0645\u0639\u0631\u0641\u06cc<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-def\">\ud83d\udcd8 \u062a\u0639\u0631\u06cc\u0641<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-domain\">\ud83d\udeab \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-simplify\">\u2702\ufe0f \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-muldiv\">\u2716\ufe0f \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-addsub\">\u2795 \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-summary\">\ud83e\udde0 \u062e\u0644\u0627\u0635\u0647<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-examples\">\ud83d\udcdd \u0645\u062b\u0627\u0644\u200c\u0647\u0627<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-practice\">\ud83c\udfc1 \u062a\u0645\u0631\u06cc\u0646<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-quiz\">\ud83c\udfaf \u0622\u0632\u0645\u0648\u0646<\/button>\r\n      <button class=\"tab-btn\" data-tab=\"tab-faq\">\ud83d\udca1 \u0646\u06a9\u0627\u062a<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel active\" id=\"tab-intro\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83d\udcd7 \u0645\u0639\u0631\u0641\u06cc \u0641\u0635\u0644 \u0647\u0641\u062a\u0645<\/h2>\r\n      <p>\u062f\u0631 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 \u0628\u0627 <span class=\"highlight\">\u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/span> \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645.\r\n      \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0646\u0648\u0639\u06cc \u06a9\u0633\u0631 \u062c\u0628\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0622\u0646 \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\r\n      <ul>\r\n        <li>\u062a\u0634\u062e\u06cc\u0635 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0627\u0632 \u063a\u06cc\u0631\u06af\u0648\u06cc\u0627<\/li>\r\n        <li>\u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 <strong>\u0645\u0642\u0627\u062f\u06cc\u0631 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632<\/strong><\/li>\r\n        <li>\u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/li>\r\n        <li>\u0627\u0646\u062c\u0627\u0645 \u0686\u0647\u0627\u0631 \u0639\u0645\u0644 \u0627\u0635\u0644\u06cc \u0631\u0648\u06cc \u0622\u0646\u200c\u0647\u0627<\/li>\r\n      <\/ul>\r\n      <div class=\"g-box g-tip\">\r\n        <strong>\ud83c\udfaf \u0647\u062f\u0641 \u0641\u0635\u0644:<\/strong>\r\n        \u0628\u062a\u0648\u0627\u0646\u06cc \u0647\u0631 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0631\u0627 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0646\u06cc\u060c \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc \u0648 \u0639\u0645\u0644\u06cc\u0627\u062a \u0627\u0635\u0644\u06cc \u0631\u0627 \u062f\u0631\u0633\u062a \u0627\u0646\u062c\u0627\u0645 \u0628\u062f\u0647\u06cc.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: DEFINITION \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-def\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83d\udcd8 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0686\u06cc\u0633\u062a\u061f<\/h2>\r\n      <p>\u0647\u0631 \u0639\u0628\u0627\u0631\u062a \u06a9\u0633\u0631\u06cc \u06a9\u0647 <strong>\u0635\u0648\u0631\u062a<\/strong> \u0648 <strong>\u0645\u062e\u0631\u062c<\/strong> \u0622\u0646 \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0628\u0627\u0634\u0646\u062f\u060c\r\n      \u06cc\u06a9 <strong>\u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627<\/strong> \u0646\u0627\u0645 \u062f\u0627\u0631\u062f\u061b \u0628\u0647 \u0634\u0631\u0637\u06cc \u06a9\u0647 \u0645\u062e\u0631\u062c \u0635\u0641\u0631 \u0646\u0634\u0648\u062f.<\/p>\r\n\r\n      <div class=\"grid-2\">\r\n        <div class=\"g-mini\">\r\n          <h4>\u2705 \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>x + 2<\/span><span>x - 1<\/span><\/span> ,\r\n            <span class=\"frac\"><span>a\u00b2 - 4<\/span><span>a + 2<\/span><\/span> ,\r\n            <span class=\"frac\"><span>3m + 1<\/span><span>m\u00b2 - 9<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"g-mini\">\r\n          <h4>\u274c \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u06af\u0648\u06cc\u0627<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>\u221ax<\/span><span>3<\/span><\/span> ,\r\n            <span class=\"frac\"><span>1<\/span><span>\u221ax + 1<\/span><\/span>\r\n          <\/div>\r\n          <p style=\"margin-top:8px\">\u0686\u0648\u0646 \u0645\u062a\u063a\u06cc\u0631 \u0632\u06cc\u0631 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0622\u0645\u062f\u0647 \u0648 \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0646\u06cc\u0633\u062a.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"g-box g-note\">\r\n        <strong>\ud83d\udd38 \u0646\u06a9\u062a\u0647:<\/strong> \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0634\u0631\u0637: <strong>\u0645\u062e\u0631\u062c \u0628\u0631\u0627\u0628\u0631 \u0635\u0641\u0631 \u0646\u0634\u0648\u062f<\/strong>.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: DOMAIN \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-domain\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83d\udeab \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641 \u0648 \u0645\u0642\u0627\u062f\u06cc\u0631 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632<\/h2>\r\n      <p>\u0645\u062e\u0631\u062c \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0647\u0631 \u0645\u0642\u062f\u0627\u0631\u06cc \u06a9\u0647 \u0645\u062e\u0631\u062c \u0631\u0627 \u0635\u0641\u0631 \u06a9\u0646\u062f\u060c \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u0627\u0633\u062a.<\/p>\r\n\r\n      <div class=\"grid-3\">\r\n        <div class=\"g-mini\">\r\n          <h4>\u0645\u062b\u0627\u0644 \u06f1<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>x + 1<\/span><span>x - 4<\/span><\/span>\r\n            \u21d2 x \u2260 4\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"g-mini\">\r\n          <h4>\u0645\u062b\u0627\u0644 \u06f2<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>x\u00b2 - 1<\/span><span>x\u00b2 - 4<\/span><\/span>\r\n            \u21d2 x \u2260 2 , -2\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"g-mini\">\r\n          <h4>\u0645\u062b\u0627\u0644 \u06f3<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>5<\/span><span>m(m + 4)<\/span><\/span>\r\n            \u21d2 m \u2260 0 , -4\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"g-box g-warn\">\r\n        <strong>\u26a0\ufe0f \u062e\u06cc\u0644\u06cc \u0645\u0647\u0645:<\/strong>\r\n        \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641 \u0627\u0632 \u0631\u0648\u06cc <strong>\u0639\u0628\u0627\u0631\u062a \u0627\u0648\u0644\u06cc\u0647<\/strong> \u0628\u0647 \u062f\u0633\u062a \u0645\u06cc\u200c\u0622\u06cc\u062f. \u062d\u062a\u06cc \u0628\u0639\u062f \u0627\u0632 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062d\u0630\u0641 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: SIMPLIFY \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-simplify\">\r\n    <div class=\"g-card\">\r\n      <h2>\u2702\ufe0f \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/h2>\r\n      <p>\u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0633\u067e\u0633 \u0639\u0627\u0645\u0644\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9 \u0631\u0627 \u062d\u0630\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\r\n\r\n      <h3>\u0645\u0631\u0627\u062d\u0644 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc<\/h3>\r\n      <ol class=\"steps\">\r\n        <li>\u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641 \u0631\u0627 \u0627\u0632 \u0631\u0648\u06cc \u0645\u062e\u0631\u062c \u067e\u06cc\u062f\u0627 \u06a9\u0646.<\/li>\r\n        <li>\u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0631\u0627 \u0628\u0627 \u0627\u062a\u062d\u0627\u062f\u0647\u0627 \u06cc\u0627 \u0641\u0627\u06a9\u062a\u0648\u0631\u06af\u06cc\u0631\u06cc \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646.<\/li>\r\n        <li>\u0641\u0642\u0637 \u0639\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 (\u0636\u0631\u0628\u06cc) \u0631\u0627 \u062d\u0630\u0641 \u06a9\u0646.<\/li>\r\n        <li>\u062c\u0648\u0627\u0628 \u0646\u0647\u0627\u06cc\u06cc + \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641 \u0628\u0646\u0648\u06cc\u0633.<\/li>\r\n      <\/ol>\r\n\r\n      <h3>\u0645\u062b\u0627\u0644 \u06f1<\/h3>\r\n      <div class=\"formula\">\r\n        <span class=\"frac\"><span>x\u00b2 - 9<\/span><span>x - 3<\/span><\/span> =\r\n        <span class=\"frac\"><span>(x-3)(x+3)<\/span><span>x-3<\/span><\/span> =\r\n        x + 3 , x \u2260 3\r\n      <\/div>\r\n\r\n      <h3>\u0645\u062b\u0627\u0644 \u06f2<\/h3>\r\n      <div class=\"formula\">\r\n        <span class=\"frac\"><span>a\u00b2 - 4a + 4<\/span><span>a - 2<\/span><\/span> =\r\n        <span class=\"frac\"><span>(a-2)(a-2)<\/span><span>a-2<\/span><\/span> =\r\n        a - 2 , a \u2260 2\r\n      <\/div>\r\n\r\n      <div class=\"g-box g-tip\">\r\n        <strong>\u2705 \u06cc\u0627\u062f\u0622\u0648\u0631\u06cc:<\/strong>\r\n        \u0641\u0642\u0637 \u0648\u0642\u062a\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc \u0686\u06cc\u0632\u06cc \u062d\u0630\u0641 \u06a9\u0646\u06cc \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a <strong>\u0636\u0631\u0628<\/strong> \u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f.\r\n      <\/div>\r\n\r\n      <div class=\"g-box g-warn\">\r\n        <strong>\u26d4 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c:<\/strong>\r\n        \u062f\u0631 <span dir=\"ltr\">(x+3)\/(x+5)<\/span> \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0686\u06cc\u0632\u06cc \u062e\u0637 \u0632\u062f.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: MUL & DIV \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-muldiv\">\r\n    <div class=\"g-card\">\r\n      <h2>\u2716\ufe0f\u2797 \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/h2>\r\n      <p>\u0636\u0631\u0628: \u0635\u0648\u0631\u062a\u00d7\u0635\u0648\u0631\u062a\u060c \u0645\u062e\u0631\u062c\u00d7\u0645\u062e\u0631\u062c &nbsp;|&nbsp; \u062a\u0642\u0633\u06cc\u0645: \u0645\u0639\u06a9\u0648\u0633 \u06a9\u0646 \u0648 \u0636\u0631\u0628 \u06a9\u0646.<\/p>\r\n\r\n      <h3>\u0645\u062b\u0627\u0644 \u0636\u0631\u0628<\/h3>\r\n      <div class=\"formula\">\r\n        <span class=\"frac\"><span>x<\/span><span>x+1<\/span><\/span> \u00d7\r\n        <span class=\"frac\"><span>x\u00b2-1<\/span><span>x<\/span><\/span> =\r\n        <span class=\"frac\"><span>x<\/span><span>x+1<\/span><\/span> \u00d7\r\n        <span class=\"frac\"><span>(x-1)(x+1)<\/span><span>x<\/span><\/span> =\r\n        x - 1 , x \u2260 0,-1\r\n      <\/div>\r\n\r\n      <h3>\u0645\u062b\u0627\u0644 \u062a\u0642\u0633\u06cc\u0645<\/h3>\r\n      <div class=\"formula\">\r\n        <span class=\"frac\"><span>a\u00b2-9<\/span><span>a\u00b2+3a<\/span><\/span> \u00f7\r\n        <span class=\"frac\"><span>a-3<\/span><span>a<\/span><\/span> =\r\n        <span class=\"frac\"><span>(a-3)(a+3)<\/span><span>a(a+3)<\/span><\/span> \u00d7\r\n        <span class=\"frac\"><span>a<\/span><span>a-3<\/span><\/span> =\r\n        1 , a \u2260 0,-3,3\r\n      <\/div>\r\n\r\n      <div class=\"g-box g-note\">\r\n        <strong>\ud83d\udd38 \u0646\u06a9\u062a\u0647 \u0627\u0645\u062a\u062d\u0627\u0646\u06cc:<\/strong>\r\n        \u0642\u0628\u0644 \u0627\u0632 \u0636\u0631\u0628 \u062d\u062a\u0645\u0627\u064b \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u061b \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062e\u06cc\u0644\u06cc \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: ADD & SUB \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-addsub\">\r\n    <div class=\"g-card\">\r\n      <h2>\u2795\u2796 \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/h2>\r\n      <p>\u0628\u0631\u0627\u06cc \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u0628\u0627\u06cc\u062f <strong>\u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9<\/strong> \u0628\u06af\u06cc\u0631\u06cc\u0645.<\/p>\r\n\r\n      <h3>\u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u0645\u0633\u0627\u0648\u06cc<\/h3>\r\n      <div class=\"formula\">\r\n        <span class=\"frac\"><span>3<\/span><span>x-2<\/span><\/span> +\r\n        <span class=\"frac\"><span>5<\/span><span>x-2<\/span><\/span> =\r\n        <span class=\"frac\"><span>8<\/span><span>x-2<\/span><\/span> , x \u2260 2\r\n      <\/div>\r\n\r\n      <h3>\u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u0645\u062a\u0641\u0627\u0648\u062a<\/h3>\r\n      <div class=\"formula\">\r\n        <span class=\"frac\"><span>2<\/span><span>x+1<\/span><\/span> +\r\n        <span class=\"frac\"><span>3<\/span><span>x-1<\/span><\/span> =\r\n        <span class=\"frac\"><span>2(x-1)+3(x+1)<\/span><span>(x+1)(x-1)<\/span><\/span> =\r\n        <span class=\"frac\"><span>5x+1<\/span><span>x\u00b2-1<\/span><\/span> , x \u2260 1,-1\r\n      <\/div>\r\n\r\n      <h3>\u062a\u0641\u0631\u06cc\u0642<\/h3>\r\n      <div class=\"formula\">\r\n        <span class=\"frac\"><span>a<\/span><span>a+2<\/span><\/span> -\r\n        <span class=\"frac\"><span>1<\/span><span>a+2<\/span><\/span> =\r\n        <span class=\"frac\"><span>a-1<\/span><span>a+2<\/span><\/span> , a \u2260 -2\r\n      <\/div>\r\n\r\n      <div class=\"g-box g-warn\">\r\n        <strong>\u26d4 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c:<\/strong>\r\n        \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u0631\u0627 \u062c\u0645\u0639 \u0646\u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0641\u0642\u0637 \u0628\u0639\u062f \u0627\u0632 \u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9\u060c <strong>\u0635\u0648\u0631\u062a\u200c\u0647\u0627<\/strong> \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: SUMMARY \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-summary\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83e\udde0 \u062e\u0644\u0627\u0635\u0647 \u0637\u0644\u0627\u06cc\u06cc \u0641\u0635\u0644 \u0647\u0641\u062a\u0645<\/h2>\r\n      <div class=\"table-wrap\">\r\n        <table>\r\n          <thead>\r\n            <tr><th>\u0645\u0648\u0636\u0648\u0639<\/th><th>\u0642\u0627\u0646\u0648\u0646 \u0627\u0635\u0644\u06cc<\/th><th>\u0646\u06a9\u062a\u0647 \u0645\u0647\u0645<\/th><\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr><td>\u062a\u0639\u0631\u06cc\u0641<\/td><td>\u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc<\/td><td>\u0645\u062e\u0631\u062c \u2260 0<\/td><\/tr>\r\n            <tr><td>\u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641<\/td><td>\u0645\u062e\u0631\u062c \u0631\u0627 \u0635\u0641\u0631 \u0646\u06a9\u0646<\/td><td>\u0645\u0642\u0627\u062f\u06cc\u0631 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u0627\u0632 \u0639\u0628\u0627\u0631\u062a \u0627\u0648\u0644\u06cc\u0647<\/td><\/tr>\r\n            <tr><td>\u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc<\/td><td>\u062a\u062c\u0632\u06cc\u0647 + \u062d\u0630\u0641 \u0639\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9<\/td><td>\u0641\u0642\u0637 \u0639\u0627\u0645\u0644 \u0636\u0631\u0628\u06cc \u062d\u0630\u0641 \u0634\u0648\u062f<\/td><\/tr>\r\n            <tr><td>\u0636\u0631\u0628<\/td><td>\u0635\u0648\u0631\u062a\u00d7\u0635\u0648\u0631\u062a \u060c \u0645\u062e\u0631\u062c\u00d7\u0645\u062e\u0631\u062c<\/td><td>\u062a\u062c\u0632\u06cc\u0647 \u0642\u0628\u0644 \u0627\u0632 \u0636\u0631\u0628<\/td><\/tr>\r\n            <tr><td>\u062a\u0642\u0633\u06cc\u0645<\/td><td>\u0645\u0639\u06a9\u0648\u0633 + \u0636\u0631\u0628<\/td><td>\u0634\u0631\u0637 \u0647\u0631 \u062f\u0648 \u06a9\u0633\u0631<\/td><\/tr>\r\n            <tr><td>\u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642<\/td><td>\u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9<\/td><td>\u0635\u0648\u0631\u062a\u200c\u0647\u0627 \u062a\u063a\u06cc\u06cc\u0631\u060c \u0645\u062e\u0631\u062c \u0646\u0647<\/td><\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: EXAMPLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-examples\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83d\udcdd \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u062d\u0644\u200c\u0634\u062f\u0647<\/h2>\r\n      <div class=\"grid-2\">\r\n        <div class=\"g-mini\">\r\n          <h4>\u0645\u062b\u0627\u0644 \u06f1: \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>2x-1<\/span><span>x\u00b2-4<\/span><\/span>\r\n            \u21d2 (x-2)(x+2) \u2260 0 \u21d2 x \u2260 2,-2\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"g-mini\">\r\n          <h4>\u0645\u062b\u0627\u0644 \u06f2: \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>m\u00b2-16<\/span><span>m-4<\/span><\/span> =\r\n            <span class=\"frac\"><span>(m-4)(m+4)<\/span><span>m-4<\/span><\/span> =\r\n            m+4 , m \u2260 4\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"g-mini\">\r\n          <h4>\u0645\u062b\u0627\u0644 \u06f3: \u0636\u0631\u0628<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>2x<\/span><span>x\u00b2-1<\/span><\/span> \u00d7\r\n            <span class=\"frac\"><span>x+1<\/span><span>4<\/span><\/span> =\r\n            <span class=\"frac\"><span>x<\/span><span>2(x-1)<\/span><\/span> , x \u2260 1,-1\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"g-mini\">\r\n          <h4>\u0645\u062b\u0627\u0644 \u06f4: \u062c\u0645\u0639<\/h4>\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>1<\/span><span>x<\/span><\/span> +\r\n            <span class=\"frac\"><span>1<\/span><span>y<\/span><\/span> =\r\n            <span class=\"frac\"><span>x+y<\/span><span>xy<\/span><\/span> , x\u22600,y\u22600\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: PRACTICE \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-practice\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83c\udfc1 \u062a\u0645\u0631\u06cc\u0646 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645<\/h2>\r\n      <p>\u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627 \u0631\u0627 \u062d\u0644 \u06a9\u0646 \u0648 \u0633\u067e\u0633 \u067e\u0627\u0633\u062e \u0631\u0627 \u0628\u0628\u06cc\u0646.<\/p>\r\n\r\n      <div class=\"grid-2\">\r\n        <div class=\"exercise\">\r\n          <strong>\u06f1)<\/strong> \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641:\r\n          <div class=\"formula\"><span class=\"frac\"><span>x+2<\/span><span>x-5<\/span><\/span><\/div>\r\n        <\/div>\r\n        <div class=\"exercise\">\r\n          <strong>\u06f2)<\/strong> \u0633\u0627\u062f\u0647 \u06a9\u0646:\r\n          <div class=\"formula\"><span class=\"frac\"><span>a\u00b2-9<\/span><span>a-3<\/span><\/span><\/div>\r\n        <\/div>\r\n        <div class=\"exercise\">\r\n          <strong>\u06f3)<\/strong> \u0633\u0627\u062f\u0647 \u06a9\u0646:\r\n          <div class=\"formula\"><span class=\"frac\"><span>m\u00b2-4m+4<\/span><span>m-2<\/span><\/span><\/div>\r\n        <\/div>\r\n        <div class=\"exercise\">\r\n          <strong>\u06f4)<\/strong> \u0636\u0631\u0628:\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>2x<\/span><span>x\u00b2-1<\/span><\/span> \u00d7\r\n            <span class=\"frac\"><span>x+1<\/span><span>4<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"exercise\">\r\n          <strong>\u06f5)<\/strong> \u062a\u0642\u0633\u06cc\u0645:\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>m\u00b2-16<\/span><span>m\u00b2+4m<\/span><\/span> \u00f7\r\n            <span class=\"frac\"><span>m-4<\/span><span>m<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"exercise\">\r\n          <strong>\u06f6)<\/strong> \u062c\u0645\u0639:\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>3<\/span><span>a+1<\/span><\/span> +\r\n            <span class=\"frac\"><span>1<\/span><span>a-1<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"exercise\">\r\n          <strong>\u06f7)<\/strong> \u062a\u0641\u0631\u06cc\u0642:\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>b<\/span><span>b-2<\/span><\/span> -\r\n            <span class=\"frac\"><span>2<\/span><span>b-2<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"exercise\">\r\n          <strong>\u06f8)<\/strong> \u062c\u0645\u0639:\r\n          <div class=\"formula\">\r\n            <span class=\"frac\"><span>1<\/span><span>x<\/span><\/span> +\r\n            <span class=\"frac\"><span>2<\/span><span>x<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"btn-row\">\r\n        <button class=\"btn btn-primary\" id=\"toggleAnswers\">\ud83d\udd0d \u0646\u0645\u0627\u06cc\u0634 \u067e\u0627\u0633\u062e\u200c\u0647\u0627<\/button>\r\n        <button class=\"btn btn-ghost\" id=\"printPage\">\ud83d\udda8\ufe0f \u0686\u0627\u067e \/ PDF<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"answers\" id=\"answersBox\">\r\n        <strong>\u067e\u0627\u0633\u062e \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627:<\/strong>\r\n        <ol>\r\n          <li>x \u2260 5<\/li>\r\n          <li>a + 3 \u060c \u0634\u0631\u0637 a \u2260 3<\/li>\r\n          <li>m - 2 \u060c \u0634\u0631\u0637 m \u2260 2<\/li>\r\n          <li>x \/ [2(x-1)] \u060c \u0634\u0631\u0637 x \u2260 1,-1<\/li>\r\n          <li>1 \u060c \u0634\u0631\u0637 m \u2260 0,-4,4<\/li>\r\n          <li>(4a-2) \/ (a\u00b2-1) \u060c \u0634\u0631\u0637 a \u2260 1,-1<\/li>\r\n          <li>1 \u060c \u0634\u0631\u0637 b \u2260 2<\/li>\r\n          <li>3\/x \u060c \u0634\u0631\u0637 x \u2260 0<\/li>\r\n        <\/ol>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: QUIZ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-quiz\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83c\udfaf \u0622\u0632\u0645\u0648\u0646 \u062a\u0633\u062a\u06cc \u0641\u0635\u0644 \u0647\u0641\u062a\u0645<\/h2>\r\n      <p>\u06af\u0632\u06cc\u0646\u0647 \u062f\u0631\u0633\u062a \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646 \u0648 \u0646\u0645\u0631\u0647\u200c\u0627\u062a \u0631\u0627 \u0628\u0628\u06cc\u0646.<\/p>\r\n\r\n      <div class=\"quiz-box\" data-answer=\"2\">\r\n        <h4>\u06f1) \u06a9\u062f\u0627\u0645\u200c\u06cc\u06a9 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\u0633\u062a\u061f<\/h4>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"1\"> \u221ax \/ 2<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"2\"> (x+1) \/ (x-3)<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"3\"> 1 \/ (\u221ax+1)<\/label>\r\n      <\/div>\r\n\r\n      <div class=\"quiz-box\" data-answer=\"3\">\r\n        <h4>\u06f2) \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641 (x+2)\/(x\u00b2-9) \u0686\u06cc\u0633\u062a\u061f<\/h4>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"1\"> x \u2260 0<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"2\"> x \u2260 9<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"3\"> x \u2260 3 , -3<\/label>\r\n      <\/div>\r\n\r\n      <div class=\"quiz-box\" data-answer=\"1\">\r\n        <h4>\u06f3) \u0639\u0628\u0627\u0631\u062a (x\u00b2-4)\/(x-2) \u067e\u0633 \u0627\u0632 \u0633\u0627\u062f\u0647 \u0634\u062f\u0646:<\/h4>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"1\"> x + 2<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"2\"> x - 2<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"3\"> 2<\/label>\r\n      <\/div>\r\n\r\n      <div class=\"quiz-box\" data-answer=\"2\">\r\n        <h4>\u06f4) \u062f\u0631 \u062a\u0642\u0633\u06cc\u0645 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627:<\/h4>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"1\"> \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u0631\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"2\"> \u0645\u0639\u06a9\u0648\u0633 + \u0636\u0631\u0628<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"3\"> \u0635\u0648\u0631\u062a\u200c\u0647\u0627 \u0631\u0627 \u062a\u0641\u0631\u06cc\u0642 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645<\/label>\r\n      <\/div>\r\n\r\n      <div class=\"quiz-box\" data-answer=\"3\">\r\n        <h4>\u06f5) \u062d\u0627\u0635\u0644 1\/x + 2\/x \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/h4>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"1\"> 3\/x\u00b2<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"2\"> 2\/3x<\/label>\r\n        <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"3\"> 3\/x<\/label>\r\n      <\/div>\r\n\r\n      <div class=\"btn-row\">\r\n        <button class=\"btn btn-primary\" id=\"checkQuiz\">\ud83d\udcca \u0645\u062d\u0627\u0633\u0628\u0647 \u0646\u0645\u0631\u0647<\/button>\r\n        <button class=\"btn btn-ghost\" id=\"resetQuiz\">\ud83d\uddd1\ufe0f \u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"quiz-result\" id=\"quizResult\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 TAB: FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"tab-panel\" id=\"tab-faq\">\r\n    <div class=\"g-card\">\r\n      <h2>\ud83d\udca1 \u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0648 \u0633\u0648\u0627\u0644\u0627\u062a \u067e\u0631\u062a\u06a9\u0631\u0627\u0631<\/h2>\r\n\r\n      <div class=\"accordion\">\r\n        <div class=\"acc-item\">\r\n          <button class=\"acc-btn\">\u0686\u0631\u0627 \u0628\u0639\u062f \u0633\u0627\u062f\u0647 \u0634\u062f\u0646\u060c \u0628\u0639\u0636\u06cc \u0645\u0642\u062f\u0627\u0631\u0647\u0627 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u0647\u0633\u062a\u0646\u062f\u061f <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"acc-content\">\r\n            \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641 \u0627\u0632 \u0631\u0648\u06cc \u0639\u0628\u0627\u0631\u062a \u0627\u0648\u0644\u06cc\u0647 \u0628\u0647 \u062f\u0633\u062a \u0645\u06cc\u200c\u0622\u06cc\u062f. \u0627\u06af\u0631 \u0645\u062e\u0631\u062c \u0627\u0648\u0644\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0645\u0642\u062f\u0627\u0631\u06cc \u0635\u0641\u0631 \u0634\u0648\u062f\u060c\r\n            \u0622\u0646 \u0645\u0642\u062f\u0627\u0631 \u0647\u0645\u06cc\u0634\u0647 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u0627\u0633\u062a\u061b \u062d\u062a\u06cc \u0627\u06af\u0631 \u062f\u0631 \u0641\u0631\u0645 \u0633\u0627\u062f\u0647\u200c\u0634\u062f\u0647 \u062f\u06cc\u062f\u0647 \u0646\u0634\u0648\u062f.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\">\r\n          <button class=\"acc-btn\">\u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062e\u0637 \u0632\u062f\u061f <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"acc-content\">\r\n            \u0641\u0642\u0637 \u0639\u0627\u0645\u0644\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9 \u0636\u0631\u0628\u06cc. \u062f\u0631 <span dir=\"ltr\">(x-3)(x+2)\/(x-3)<\/span> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\r\n            <span dir=\"ltr\">(x-3)<\/span> \u0631\u0627 \u062d\u0630\u0641 \u06a9\u0631\u062f\u060c \u0627\u0645\u0627 \u062f\u0631 <span dir=\"ltr\">(x+3)\/(x+5)<\/span> \u062e\u06cc\u0631.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\">\r\n          <button class=\"acc-btn\">\u0627\u0648\u0644 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u06cc\u0627 \u0627\u0648\u0644 \u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9 \u0628\u06af\u06cc\u0631\u06cc\u0645\u061f <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"acc-content\">\r\n            \u0627\u06af\u0631 \u0639\u0628\u0627\u0631\u062a\u06cc \u0633\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0627\u0648\u0644 \u0622\u0646 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646 \u062a\u0627 \u0627\u062f\u0627\u0645\u0647 \u06a9\u0627\u0631 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631 \u0634\u0648\u062f.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\">\r\n          <button class=\"acc-btn\">\u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u0627\u0634\u062a\u0628\u0627\u0647\u200c\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u06a9\u062f\u0627\u0645\u0646\u062f\u061f <span class=\"icon\">+<\/span><\/button>\r\n          <div class=\"acc-content\">\r\n            <ul>\r\n              <li>\u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0631\u062f\u0646 \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641<\/li>\r\n              <li>\u062d\u0630\u0641 \u062c\u0645\u0644\u0647\u200c\u0647\u0627 \u0628\u0647 \u062c\u0627\u06cc \u0639\u0627\u0645\u0644\u200c\u0647\u0627<\/li>\r\n              <li>\u062c\u0645\u0639 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u062f\u0631 \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"footer\">\r\n    \u0641\u0627\u06cc\u0644 \u06a9\u0627\u0645\u0644 HTML+CSS+JS \u2014 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 \u2014 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \u2014 \u062a\u0645 \u0646\u0627\u0631\u0646\u062c\u06cc \u2014 \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0648\u0631\u062f\u067e\u0631\u0633\r\n  <\/div>\r\n<\/div>\r\n\r\n<button class=\"to-top\" id=\"toTop\" aria-label=\"\u0628\u0627\u0644\u0627\">\u2191<\/button>\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* \u2500\u2500\u2500 TAB SYSTEM \u2500\u2500\u2500 *\/\r\n  var tabBtns=document.querySelectorAll('.tab-btn');\r\n  var tabPanels=document.querySelectorAll('.tab-panel');\r\n\r\n  tabBtns.forEach(function(btn){\r\n    btn.addEventListener('click',function(){\r\n      var target=btn.getAttribute('data-tab');\r\n\r\n      tabBtns.forEach(function(b){b.classList.remove('active')});\r\n      btn.classList.add('active');\r\n\r\n      tabPanels.forEach(function(p){p.classList.remove('active')});\r\n      document.getElementById(target).classList.add('active');\r\n\r\n      \/* scroll nav into view *\/\r\n      btn.scrollIntoView({behavior:'smooth',block:'nearest',inline:'center'});\r\n\r\n      \/* scroll page to top of content *\/\r\n      var navWrap=document.querySelector('.tab-nav-wrap');\r\n      window.scrollTo({top:navWrap.offsetTop + navWrap.offsetHeight - 10,behavior:'smooth'});\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 PROGRESS BAR \u2500\u2500\u2500 *\/\r\n  var progressBar=document.getElementById('progressBar');\r\n  var toTop=document.getElementById('toTop');\r\n\r\n  function updateProgress(){\r\n    var scrollTop=window.scrollY||document.documentElement.scrollTop;\r\n    var docHeight=document.documentElement.scrollHeight-window.innerHeight;\r\n    var pct=docHeight>0?(scrollTop\/docHeight)*100:0;\r\n    progressBar.style.width=pct+'%';\r\n    if(scrollTop>300){toTop.classList.add('show')}\r\n    else{toTop.classList.remove('show')}\r\n  }\r\n  window.addEventListener('scroll',updateProgress);\r\n  window.addEventListener('load',updateProgress);\r\n\r\n  \/* \u2500\u2500\u2500 TO TOP \u2500\u2500\u2500 *\/\r\n  toTop.addEventListener('click',function(){\r\n    window.scrollTo({top:0,behavior:'smooth'});\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 TOGGLE ANSWERS \u2500\u2500\u2500 *\/\r\n  var toggleBtn=document.getElementById('toggleAnswers');\r\n  var answersBox=document.getElementById('answersBox');\r\n  toggleBtn.addEventListener('click',function(){\r\n    answersBox.classList.toggle('show');\r\n    toggleBtn.textContent=answersBox.classList.contains('show')\r\n      ?'\ud83d\ude48 \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u067e\u0627\u0633\u062e\u200c\u0647\u0627':'\ud83d\udd0d \u0646\u0645\u0627\u06cc\u0634 \u067e\u0627\u0633\u062e\u200c\u0647\u0627';\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 PRINT \u2500\u2500\u2500 *\/\r\n  document.getElementById('printPage').addEventListener('click',function(){\r\n    \/* show all tabs for print *\/\r\n    tabPanels.forEach(function(p){p.style.display='block'});\r\n    window.print();\r\n    \/* restore tabs after print *\/\r\n    tabPanels.forEach(function(p){p.style.display=''});\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 ACCORDION \u2500\u2500\u2500 *\/\r\n  document.querySelectorAll('.acc-item').forEach(function(item){\r\n    item.querySelector('.acc-btn').addEventListener('click',function(){\r\n      item.classList.toggle('active');\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 QUIZ \u2500\u2500\u2500 *\/\r\n  var checkQuizBtn=document.getElementById('checkQuiz');\r\n  var resetQuizBtn=document.getElementById('resetQuiz');\r\n  var quizResult=document.getElementById('quizResult');\r\n\r\n  checkQuizBtn.addEventListener('click',function(){\r\n    var quizBoxes=document.querySelectorAll('.quiz-box');\r\n    var score=0,answered=0,total=quizBoxes.length;\r\n\r\n    quizBoxes.forEach(function(box){\r\n      var correct=box.getAttribute('data-answer');\r\n      var selected=box.querySelector('input[type=\"radio\"]:checked');\r\n\r\n      box.querySelectorAll('.option').forEach(function(opt){\r\n        opt.style.borderColor='rgba(249,115,22,.14)';\r\n        opt.style.background='#fff';\r\n      });\r\n\r\n      if(selected){\r\n        answered++;\r\n        var selLabel=selected.closest('.option');\r\n        var correctLabel=box.querySelector('input[value=\"'+correct+'\"]').closest('.option');\r\n\r\n        if(selected.value===correct){\r\n          score++;\r\n          selLabel.style.borderColor='#059669';\r\n          selLabel.style.background='#ecfdf5';\r\n        }else{\r\n          selLabel.style.borderColor='#dc2626';\r\n          selLabel.style.background='#fef2f2';\r\n          correctLabel.style.borderColor='#059669';\r\n          correctLabel.style.background='#ecfdf5';\r\n        }\r\n      }\r\n    });\r\n\r\n    var cls=score>=4?'score-good':score>=2?'score-mid':'score-bad';\r\n    quizResult.style.display='block';\r\n    quizResult.innerHTML=\r\n      '\u0646\u0645\u0631\u0647 \u0634\u0645\u0627: <span class=\"'+cls+'\">'+score+' \u0627\u0632 '+total+'<\/span><br>'+\r\n      '\u062a\u0639\u062f\u0627\u062f \u0633\u0648\u0627\u0644\u0627\u062a \u067e\u0627\u0633\u062e\u200c\u062f\u0627\u062f\u0647\u200c\u0634\u062f\u0647: '+answered+' \u0627\u0632 '+total;\r\n  });\r\n\r\n  resetQuizBtn.addEventListener('click',function(){\r\n    document.querySelectorAll('.quiz-box input[type=\"radio\"]').forEach(function(r){r.checked=false});\r\n    document.querySelectorAll('.quiz-box .option').forEach(function(opt){\r\n      opt.style.borderColor='rgba(249,115,22,.14)';\r\n      opt.style.background='#fff';\r\n    });\r\n    quizResult.style.display='none';\r\n    quizResult.innerHTML='';\r\n  });\r\n\r\n  \/* \u2500\u2500\u2500 KEYBOARD NAV \u2500\u2500\u2500 *\/\r\n  document.addEventListener('keydown',function(e){\r\n    var activeIndex=-1;\r\n    tabBtns.forEach(function(b,i){if(b.classList.contains('active'))activeIndex=i});\r\n    if(e.key==='ArrowLeft'&&activeIndex<tabBtns.length-1){tabBtns[activeIndex+1].click()}\r\n    if(e.key==='ArrowRight'&&activeIndex>0){tabBtns[activeIndex-1].click()}\r\n  });\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 | \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \ud83d\udcd9 \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u2022 \u0631\u06cc\u0627\u0636\u06cc \u2022 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645\u061b \u0634\u0627\u0645\u0644 \u062a\u0639\u0631\u06cc\u0641 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\u060c \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641\u060c \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646\u060c \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645\u060c \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642\u060c \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\u060c \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u062a\u0633\u062a\u06cc. \ud83d\udcd8 \u062a\u0639\u0631\u06cc\u0641 \ud83d\udeab \u0645\u0642\u0627\u062f\u06cc\u0631 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u2702\ufe0f \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u2716\ufe0f [&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-2468","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>\u0641\u0635\u0644 - 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=2468\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0641\u0635\u0644\" \/>\n<meta property=\"og:description\" content=\"\u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 | \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \ud83d\udcd9 \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u2022 \u0631\u06cc\u0627\u0636\u06cc \u2022 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645\u061b \u0634\u0627\u0645\u0644 \u062a\u0639\u0631\u06cc\u0641 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\u060c \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641\u060c \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646\u060c \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645\u060c \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642\u060c \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\u060c \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u062a\u0633\u062a\u06cc. \ud83d\udcd8 \u062a\u0639\u0631\u06cc\u0641 \ud83d\udeab \u0645\u0642\u0627\u062f\u06cc\u0631 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u2702\ufe0f \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u2716\ufe0f [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mathsymbol.ir\/?page_id=2468\" \/>\n<meta property=\"og:site_name\" content=\"Mathsymbol\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T10:48:25+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=\"15 \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=2468\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=2468\",\"name\":\"\u0641\u0635\u0644 - Mathsymbol\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#website\"},\"datePublished\":\"2026-07-21T10:47:03+00:00\",\"dateModified\":\"2026-07-21T10:48:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=2468#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=2468\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=2468#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mathsymbol.ir\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0641\u0635\u0644\"}]},{\"@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":"\u0641\u0635\u0644 - 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=2468","og_locale":"fa_IR","og_type":"article","og_title":"\u0641\u0635\u0644","og_description":"\u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 | \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \ud83d\udcd9 \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u2022 \u0631\u06cc\u0627\u0636\u06cc \u2022 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645\u061b \u0634\u0627\u0645\u0644 \u062a\u0639\u0631\u06cc\u0641 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\u060c \u0634\u0631\u0637 \u062a\u0639\u0631\u06cc\u0641\u060c \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646\u060c \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645\u060c \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642\u060c \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\u060c \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u062a\u0633\u062a\u06cc. \ud83d\udcd8 \u062a\u0639\u0631\u06cc\u0641 \ud83d\udeab \u0645\u0642\u0627\u062f\u06cc\u0631 \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u2702\ufe0f \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u2716\ufe0f [&hellip;]","og_url":"https:\/\/mathsymbol.ir\/?page_id=2468","og_site_name":"Mathsymbol","article_modified_time":"2026-07-21T10:48:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mathsymbol.ir\/?page_id=2468","url":"https:\/\/mathsymbol.ir\/?page_id=2468","name":"\u0641\u0635\u0644 - Mathsymbol","isPartOf":{"@id":"https:\/\/mathsymbol.ir\/#website"},"datePublished":"2026-07-21T10:47:03+00:00","dateModified":"2026-07-21T10:48:25+00:00","breadcrumb":{"@id":"https:\/\/mathsymbol.ir\/?page_id=2468#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mathsymbol.ir\/?page_id=2468"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mathsymbol.ir\/?page_id=2468#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mathsymbol.ir\/"},{"@type":"ListItem","position":2,"name":"\u0641\u0635\u0644"}]},{"@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\/2468","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=2468"}],"version-history":[{"count":6,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/2468\/revisions"}],"predecessor-version":[{"id":2474,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/2468\/revisions\/2474"}],"wp:attachment":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}