/* این بخش CSS برای نمایش بهتر در محیط‌های وب است و ممکن است در ویرایشگرهای بلوک بسته به نحوه تفسیر HTML/CSS آن‌ها متفاوت نمایش داده شود. */
/* فونت “Vazirmatn” یک فونت فارسی محبوب و مدرن است. در صورت عدم دسترسی، به “Tahoma” یا “sans-serif” برمی‌گردد. */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/vazirmatn-font-face.css’);

body {
margin: 0;
padding: 0;
background-color: #f0f2f5; /* رنگ پس‌زمینه کلی صفحه */
}

/* تنظیمات رسپانسیو برای موبایل و تبلت و لپتاپ و تلویزیون */
@media (max-width: 768px) {
.h1 { font-size: 2.2em !important; padding: 10px 0 !important; }
h2 { font-size: 1.8em !important; margin-top: 30px !important; margin-bottom: 20px !important; }
h3 { font-size: 1.5em !important; margin-top: 25px !important; margin-bottom: 12px !important; }
p, li, td { font-size: 1em !important; }
div[style*=”max-width: 1200px”] { padding: 15px !important; }
div[style*=”display: flex”] { flex-direction: column !important; align-items: stretch !important; }
div[style*=”flex: 1 1 300px”] { margin-bottom: 15px !important; }
div[style*=”font-size: 2.5em”] { display: none !important; } /* فلش‌ها در موبایل حذف می‌شوند */
table, thead, tbody, th, td, tr { display: block; }
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; margin-bottom: 10px; border-radius: 8px; overflow: hidden; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
text-align: right !important;
}
td:last-child { border-bottom: none; }
td:before {
position: absolute;
top: 0;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
color: #0056b3;
padding-top: 12px;
padding-bottom: 12px;
}
td:nth-of-type(1):before { content: “نوع ابزار / کاربرد:”; }
td:nth-of-type(2):before { content: “مثال‌ها / پلتفرم‌ها:”; }
}

@media (min-width: 769px) and (max-width: 1024px) {
.h1 { font-size: 2.8em !important; }
h2 { font-size: 2em !important; }
h3 { font-size: 1.6em !important; }
div[style*=”max-width: 1200px”] { padding: 25px !important; }
}

“`

**توضیحات تکمیلی برای شما:**

1. **فرمت هدینگ‌ها (H1, H2, H3):**
* در خروجی بالا، برای هدینگ‌ها از تگ‌های واقعی `

`, `

`, `

` با استفاده از HTML درون یک `div` استایل‌دار استفاده شده است. این بهترین راه برای اطمینان از شناسایی آن‌ها به عنوان هدینگ در ویرایشگرهای بلوک یا ورد است.
* علاوه بر تگ‌ها، استایل‌های `font-size` و `font-weight` (ضخامت) مستقیماً روی هر هدینگ اعمال شده تا ظاهر بصری مورد نظر شما را داشته باشد و این استایل‌ها با کپی شدن همراه متن منتقل شوند.
* IDهای منحصر به فرد (مانند `id=”section1″`) برای هر H2 اضافه شده تا اگر ویرایشگر بلوک یا سایتی قابلیت تولید فهرست مطالب داینامیک را داشت، بتواند به این بخش‌ها لینک دهد.

2. **سایز و ضخامت فونت برای هدینگ‌ها:**
* مشاهده می‌کنید که هر هدینگ دارای `font-size` و `font-weight` اختصاصی است که آنها را متمایز و برجسته می‌کند.

3. **جدول آموزشی:**
* یک جدول استاندارد با دو ستون (“نوع ابزار / کاربرد” و “مثال‌ها / پلتفرم‌ها”) در بخش مربوط به ابزارها قرار داده شده است. استایل‌های زیبایی برای آن اعمال شده تا خوانایی و ظاهر خوبی داشته باشد.

4. **شروع مستقیم مقاله:**
* مقاله دقیقاً با `

` شروع شده و هیچ متن اضافی قبل و بعد از آن وجود ندارد.

5. **محتوای آموزشی، باارزش و کامل:**
* محتوا به صورت جامع، گام‌به‌گام و با جزئیات به تمامی جنبه‌های انجام رساله دکتری کامپیوتر پرداخته است. از انتخاب موضوع تا دفاع، همراه با چالش‌ها و راهکارها. زبان مقاله علمی و در عین حال روان است.

6. **انسان‌نویس و بدون تبلیغات:**
* تلاش شده تا لحن مقاله کاملاً انسانی، تجربی و همدلانه باشد. هیچگونه متن تبلیغاتی یا اشاره‌ای به اینکه محتوا توسط هوش مصنوعی نوشته شده، وجود ندارد.

7. **طراحی منحصر به فرد، رنگ‌بندی زیبا و رسپانسیو:**
* کل مقاله در یک `div` اصلی با استایل‌های کلی شامل `font-family` (Vazirmatn که فونت فارسی زیبایی است)، `line-height`, `color`, `max-width`, `margin`, `padding`, `background-color`, `border-radius`, `box-shadow` قرار گرفته است.
* برای هر بخش و برای برجسته‌سازی‌ها، از بلوک‌های رنگی (`background-color`) و خطوط جداکننده (`border-left` یا `border-bottom`) با رنگ‌های هماهنگ و چشم‌نواز (مانند آبی‌های روشن، سبز، زرد ملایم) استفاده شده است.
* بخش `style` در انتهای خروجی، شامل Media Queries است که به مرورگر می‌گوید چگونه در اندازه‌های مختلف صفحه (موبایل، تبلت، لپتاپ) استایل‌ها را تنظیم کند. این کار تضمین می‌کند که مقاله شما روی دستگاه‌های مختلف به خوبی نمایش داده شود (مثلاً جدول در موبایل به صورت Stacked نمایش داده می‌شود).
* **اینفوگرافیک جایگزین:** در بخش “پیاده‌سازی و آزمایش عملی”، به جای یک تصویر اینفوگرافیک که در کپی کردن مشکل‌ساز است، یک ساختار بصری با استفاده از `div`های استایل‌دار، ایموجی‌ها (💻🧪🐛) و فلش‌های متنی (➡️) طراحی شده است. این ساختار، اطلاعات را به شکلی بصری و جذاب ارائه می‌دهد که حتی با کپی-پیست در ویرایشگر بلوک نیز تا حد زیادی حفظ می‌شود.

8. **فهرست مطالب شبیه‌سازی‌شده:**
* در ابتدای مقاله، یک `div` با عنوان “فهرست مطالب” و لیست H2های اصلی به همراه لینک‌های داخلی (با `` و `href=”#sectionID”`) قرار داده شده است. این مورد یک “فهرست مطالب” واقعی و قابل کلیک در مرورگر وب را شبیه‌سازی می‌کند و تجربه کاربری را بهبود می‌بخشد.

این خروجی نهایی است که تمامی درخواست‌های شما را در بهترین حالت ممکن با فرمت متنی (قابل کپی در ویرایشگر بلوک) پوشش می‌دهد. توجه داشته باشید که نمایش نهایی در ویرایشگر بلوک یا سیستم مدیریت محتوای شما، به نحوه پردازش HTML و CSS توسط آن پلتفرم بستگی دارد، اما این ساختار به گونه‌ای طراحی شده که حداکثر سازگاری را داشته باشد.