مشاوره رساله برای دانشجویان مدیریت مالی

/*
این بخش برای بهبود نمایش در ویرایشگرهای بلوک و کلاسیک و همچنین اطمینان از رسپانسیو بودن و زیبایی طراحی است.
پس از کپی کردن در ویرایشگر بلوک، احتمال دارد نیاز باشد که این کد CSS را به صورت جداگانه در بخش CSS سفارشی (Custom CSS)
قالب سایت یا صفحه خود قرار دهید تا تمامی ویژگی‌های ظاهری به درستی اعمال شوند.
برخی ویرایشگرها ممکن است استایل‌های inline را حفظ کنند، اما برای کنترل کامل، CSS سفارشی توصیه می‌شود.
*/
body {
font-family: ‘Vazirmatn’, sans-serif; /* فونت اصلی برای کل بدنه */
direction: rtl; /* جهت متن راست به چپ برای فارسی */
text-align: right; /* تراز بندی متن به راست */
margin: 0;
padding: 0;
background-color: #f8f9fa; /* رنگ پس‌زمینه کلی صفحه */
color: #333;
}
.article-container {
max-width: 900px; /* حداکثر عرض محتوا برای خوانایی بهتر */
margin: 0 auto; /* قرارگیری در مرکز */
padding: 20px;
background-color: #ffffff; /* پس‌زمینه مقاله سفید */
box-shadow: 0 4px 8px rgba(0,0,0,0.05); /* سایه ظریف برای جلوه بصری */
border-radius: 10px; /* گوشه‌های گرد */
}
h1 {
font-size: 2.5em; /* سایز بزرگ برای عنوان اصلی */
font-weight: bold; /* ضخیم */
color: #0056b3; /* رنگ آبی تیره برای عنوان اصلی */
text-align: center; /* تراز وسط */
margin-bottom: 30px;
line-height: 1.3;
font-family: ‘Vazirmatn’, sans-serif;
}
h2 {
font-size: 1.8em; /* سایز برای عناوین اصلی بخش‌ها */
font-weight: bold;
color: #0056b3;
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #0056b3; /* خط زیر عنوان */
padding-bottom: 10px;
font-family: ‘Vazirmatn’, sans-serif;
}
h3 {
font-size: 1.4em; /* سایز برای زیرعنوان‌ها */
font-weight: bold;
color: #007bff; /* رنگ آبی روشن‌تر برای زیرعنوان‌ها */
margin-top: 30px;
margin-bottom: 15px;
font-family: ‘Vazirmatn’, sans-serif;
}
p {
margin-bottom: 25px; /* فاصله بین پاراگراف‌ها */
line-height: 1.8; /* فاصله خطوط برای خوانایی بهتر */
text-align: justify; /* تراز دو طرفه برای پاراگراف‌ها */
font-size: 1.1em;
}
ul {
list-style-type: disc; /* نوع لیست */
padding-right: 20px; /* فاصله از سمت راست برای لیست‌ها */
margin-bottom: 25px;
line-height: 1.8;
}
ul li {
margin-bottom: 10px; /* فاصله بین آیتم‌های لیست */
}
ol {
list-style-type: decimal;
padding-right: 20px;
margin-bottom: 25px;
line-height: 1.8;
}
ol li {
margin-bottom: 10px;
}

/* استایل جدول */
table {
width: 100%;
border-collapse: collapse; /* خطوط جدول به هم چسبیده */
margin: 25px 0;
background-color: #f9f9f9;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
border-radius: 8px;
overflow: hidden; /* برای گرد شدن گوشه‌ها */
}
caption {
caption-side: top;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
font-size: 1.2em;
color: #0056b3;
}
th, td {
border: 1px solid #ddd; /* خطوط مرزی سلول‌ها */
padding: 12px 15px;
text-align: right;
}
th {
background-color: #0056b3; /* پس‌زمینه هدر جدول */
color: white; /* رنگ متن هدر سفید */
font-weight: bold;
text-align: right;
}
tr:nth-child(even) { /* رنگ متناوب برای ردیف‌ها */
background-color: #f2f2f2;
}
tr:hover { /* افکت هاور روی ردیف‌ها */
background-color: #e0e0e0;
}

/* استایل بلوک فهرست مطالب */
.table-of-contents {
background-color: #e0f7fa; /* آبی آسمانی روشن */
border-left: 5px solid #00acc1; /* نوار آبی فیروزه‌ای در سمت راست */
padding: 15px 20px;
margin: 30px 0;
border-radius: 8px;
}
.table-of-contents h3 {
color: #00796b; /* سبز آبی تیره */
margin-top: 0;
margin-bottom: 10px;
font-size: 1.3em;
}
.table-of-contents ul {
list-style-type: none; /* بدون آیکن لیست */
padding-left: 0;
}
.table-of-contents li {
margin-bottom: 8px;
}
.table-of-contents a {
color: #0056b3;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease; /* انیمیشن تغییر رنگ */
}
.table-of-contents a:hover {
color: #00acc1; /* تغییر رنگ هنگام هاور */
}

/* استایل اینفوگرافیک جایگزین */
.infographic-alternative {
background-color: #f0f7f4; /* سبز روشن */
border: 1px solid #28a745; /* حاشیه سبز */
border-radius: 10px;
padding: 25px;
margin: 35px 0;
text-align: center;
color: #004d40;
}
.infographic-alternative h3 {
color: #28a745; /* سبز تیره */
margin-bottom: 20px;
font-size: 1.6em;
}
.infographic-alternative .step-container {
display: flex;
flex-wrap: wrap; /* برای رسپانسیو بودن */
justify-content: space-around;
gap: 20px;
}
.infographic-alternative .step-box {
flex: 1 1 200px; /* اندازه پایه و انعطاف‌پذیری */
background-color: #e6ffe6; /* سبز خیلی روشن */
border-radius: 10px;
padding: 15px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.infographic-alternative .step-box:hover {
transform: translateY(-5px); /* افکت شناور شدن */
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.infographic-alternative .step-box span {
font-size: 2.5em; /* سایز آیکن */
color: #28a745;
margin-bottom: 10px;
}
.infographic-alternative .step-box p {
margin: 0;
line-height: 1.3;
}
.infographic-alternative .step-box p:first-of-type {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 5px;
}
.infographic-alternative .step-box p:last-of-type {
font-size: 0.9em;
color: #555;
}

/* استایل بخش FAQ */
.faq-section {
background-color: #f8f9fa;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
margin: 30px 0;
}
.faq-section h3 {
color: #007bff;
margin-top: 0;
margin-bottom: 15px;
font-size: 1.4em;
}
.faq-section p {
margin-bottom: 20px;
font-size: 1em;
line-height: 1.7;
}

/* رسپانسیو سازی برای نمایش در دستگاه‌های مختلف */
@media (max-width: 768px) {
h1 {
font-size: 2em; /* کوچکتر کردن عنوان برای موبایل */
margin-bottom: 20px;
}
h2 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 1.2em;
margin-top: 25px;
margin-bottom: 10px;
}
p {
font-size: 1em;
margin-bottom: 20px;
}
.article-container {
padding: 15px;
border-radius: 0; /* حذف گردی گوشه‌ها در موبایل برای استفاده از کل عرض */
}
th, td {
padding: 8px 10px; /* کوچکتر کردن پدینگ جدول */
font-size: 0.9em;
}
.infographic-alternative .step-box {
flex: 1 1 150px; /* انعطاف‌پذیری بیشتر برای جعبه‌های اینفوگرافیک در موبایل */
padding: 10px;
}
.infographic-alternative .step-box span {
font-size: 2em;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.1em;
}
.infographic-alternative .step-container {
flex-direction: column; /* چیدمان ستونی برای اینفوگرافیک در صفحات خیلی کوچک */
align-items: center;
}
.infographic-alternative .step-box {
width: 90%; /* اشغال عرض کامل */
max-width: 250px;
}
}