انجام پایان نامه رشته آماد + تضمینی

/*
این بخش برای نمایش بهتر در محیط‌هایی که CSS پشتیبانی می‌کنند، مانند مرورگر وب، طراحی شده است.
در ویرایشگر بلوک یا ورد، تگ‌های H1, H2, H3 و سایر عناصر مانند جدول و لیست‌ها
به صورت خودکار با فرمت‌های پیش‌فرض آن‌ها نمایش داده می‌شوند.
برای رعایت کامل فرمت‌های مورد نظر (سایز و ضخامت فونت) پس از کپی در ویرایشگر بلوک یا ورد،
می‌توانید به صورت دستی تنظیمات مورد نظر را اعمال کنید.
(مثلاً H1 را با Heading 1، H2 را با Heading 2 و H3 را با Heading 3 ویرایشگر تنظیم کنید.)

طراحی واکنش‌گرا (Responsive Design):
چیدمان مقاله با استفاده از Flexbox برای اینفوگرافیک و عرض max-width برای کل کانتینر،
به گونه‌ای در نظر گرفته شده که در اندازه‌های مختلف صفحه (موبایل، تبلت، لپ‌تاپ، تلویزیون)
خوانایی خود را حفظ کند. فونت ‘Vazirmatn’ نیز برای نمایش بهتر فارسی در تمام دستگاه‌ها انتخاب شده است.
در محیط‌های غیر HTML/CSS، این طراحی به سادگی به متن سازمان‌دهی شده تبدیل می‌شود.
*/

@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/vazirmatn-font-face.css’);

body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
background-color: #f4f7f6; /* پس‌زمینه کلی برای جذابیت بیشتر */
}

/* Container اصلی مقاله */
div[style*=”max-width: 900px”] {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 6px 25px rgba(0,0,0,0.1); /* سایه عمیق‌تر برای حس بهتر */
box-sizing: border-box; /* برای رفتار بهتر در رسپانسیو */
}

/* H1 – عنوان اصلی */
h1 {
font-size: 2.8em; /* اندازه بزرگتر */
font-weight: 800; /* بسیار ضخیم */
color: #004d99; /* رنگ آبی تیره تر */
text-align: center;
margin-bottom: 35px;
padding: 20px 0;
border-bottom: 4px solid #0066cc; /* خط زیرین قوی‌تر */
background-color: #e6f7ff; /* پس‌زمینه روشن‌تر */
border-radius: 10px;
line-height: 1.3;
}

/* H2 – تیترهای اصلی بخش‌ها */
h2 {
font-size: 2.2em; /* بزرگ */
font-weight: 700; /* ضخیم */
color: #0056b3; /* رنگ آبی متوسط */
margin-top: 50px; /* فاصله بیشتر از بالا */
margin-bottom: 25px;
border-bottom: 2px solid #a8d9ff;
padding-bottom: 12px;
line-height: 1.4;
}

/* H3 – زیرتیترها */
h3 {
font-size: 1.8em; /* متوسط */
font-weight: 700; /* ضخیم */
color: #007bff; /* رنگ آبی روشن‌تر */
margin-top: 35px;
margin-bottom: 18px;
line-height: 1.5;
}

/* H4 – تیترهای داخل اینفوگرافیک */
h4 {
font-size: 1.3em;
font-weight: 600;
color: #0056b3;
margin-bottom: 8px;
}

p {
font-size: 1.1em;
text-align: justify;
margin-bottom: 18px;
color: #333;
line-height: 1.8;
}

/* Blockquote-like sections (نکته مهم) */
div[style*=”border-left: 5px solid #007bff”] {
background-color: #e0f7fa; /* آبی آسمانی روشن */
border-left: 6px solid #00bcd4; /* فیروزه‌ای */
padding: 18px 25px;
margin: 30px 0;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
div[style*=”border-left: 5px solid #ff9933″] { /* چالش‌ها */
background-color: #fff8e1; /* زرد روشن */
border-left: 6px solid #ffb300; /* نارنجی تیره */
padding: 18px 25px;
margin: 30px 0;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
div[style*=”border-left: 5px solid #ff3333″] { /* مزایای همکاری */
background-color: #ffebee; /* قرمز روشن */
border-left: 6px solid #ef5350; /* قرمز متوسط */
padding: 18px 25px;
margin: 30px 0;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Lists */
ul, ol {
margin-left: 30px;
margin-bottom: 20px;
font-size: 1.05em;
color: #444;
padding-right: 15px; /* برای راست به چپ */
}
ul li, ol li {
margin-bottom: 10px;
line-height: 1.7;
}
ul li strong, ol li strong {
color: #0056b3;
}
ul[style*=”list-style-type: none”] li {
margin-bottom: 12px;
padding-right: 0;
}
ul[style*=”list-style-type: none”] strong {
color: #cc0000; /* رنگ برای لیست مزایا */
}

/* Table */
table {
width: 100%;
border-collapse: separate; /* برای border-radius */
border-spacing: 0;
margin-bottom: 25px;
font-size: 1em;
border-radius: 8px;
overflow: hidden; /* برای border-radius در جدول */
}
table thead tr {
background-color: #c8e6c9; /* سبز روشن‌تر */
color: #1b5e20; /* سبز تیره */
}
table th, table td {
padding: 14px 18px;
border: 1px solid #dcdcdc; /* خطوط جدول روشن‌تر */
text-align: right;
}
table th {
font-weight: 700;
border-bottom: 2px solid #a5d6a7; /* خط زیر هدر قوی‌تر */
}
table tbody tr:nth-child(even) {
background-color: #f0fdf2; /* ردیف‌های زوج */
}
table tbody tr:nth-child(odd) {
background-color: #ffffff; /* ردیف‌های فرد */
}
table td strong {
color: #2e7d32; /* سبز تیره برای متن مهم جدول */
}

/* FAQ Section */
div[style*=”background-color: #f7f7f7″] {
background-color: #f0f4f7; /* آبی خاکستری روشن */
border-radius: 12px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 3px 15px rgba(0,0,0,0.07);
}
div[style*=”background-color: #f7f7f7″] p strong {
color: #004d99; /* رنگ آبی تیره برای سوالات */
}
div[style*=”background-color: #f7f7f7″] p[style*=”margin-left: 30px”] {
background-color: #ffffff; /* پس‌زمینه سفید برای پاسخ‌ها */
border-left: 4px solid #90caf9; /* آبی روشن */
padding: 12px 15px;
margin-left: 35px;
border-radius: 8px;
margin-top: 8px;
margin-bottom: 15px;
line-height: 1.7;
}
hr[style*=”border-top: 1px dashed”] {
border-top: 1px dashed #c0d9e7; /* خط جداکننده FAQ */
margin: 20px 0;
}

/* Infographic styling */
div[style*=”border: 1px dashed #a8d9ff”] {
background-color: #e0f7fa; /* آبی روشن برای اینفوگرافیک */
border: 1px solid #80deea; /* فیروزه‌ای روشن */
padding: 25px;
margin: 30px 0;
border-radius: 15px;
text-align: center;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}
div[style*=”flex: 1 1 280px”] { /* کارت‌های اینفوگرافیک */
background-color: #ffffff;
border: 1px solid #b2ebf2; /* آبی روشن برای border کارت‌ها */
border-radius: 12px;
padding: 18px;
box-shadow: 0 3px 12px rgba(0,0,0,0.07);
transition: transform 0.2s ease-in-out;
}
div[style*=”flex: 1 1 280px”]:hover {
transform: translateY(-5px); /* افکت هاور */
}
div[style*=”flex: 1 1 280px”] div[style*=”font-size: 2.5em”] {
margin-bottom: 12px;
}
div[style*=”flex: 1 1 280px”] p {
font-size: 0.95em;
color: #555;
line-height: 1.6;
margin-bottom: 0;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2.2em;
padding: 15px 10px;
}
h2 {
font-size: 1.8em;
margin-top: 35px;
margin-bottom: 18px;
}
h3 {
font-size: 1.5em;
margin-top: 25px;
margin-bottom: 12px;
}
p, ul, ol, table, div[style*=”background-color: #f7f7f7″] {
font-size: 1em;
}
div[style*=”max-width: 900px”] {
padding: 15px;
border-radius: 8px;
}
div[style*=”flex: 1 1 280px”] {
flex: 1 1 100%; /* در موبایل هر کارت یک خط کامل را بگیرد */
}
table th, table td {
padding: 10px 12px;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
}
ul, ol {
margin-left: 20px;
}
div[style*=”border-left: 5px solid #007bff”],
div[style*=”border-left: 5px solid #ff9933″],
div[style*=”border-left: 5px solid #ff3333″] {
padding: 12px 15px;
}
}