مشاوره پایان نامه با نمونه کار در حوزه هوش مصنوعی

/* این بخش برای اطمینان از نمایش صحیح فونت و ریسپانسیو بودن در ویرایشگر بلوک اضافه شده است */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap’);

body {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl; /* برای نمایش راست به چپ */
text-align: right; /* برای تراز راست متن */
margin: 0;
padding: 0;
background-color: #f0f2f5; /* پس زمینه کلی سایت */
}

/* این استایل ها اطمینان حاصل می کنند که هدینگ ها حتی اگر توسط ویرایشگر تغییر داده شوند، ظاهر اولیه خود را حفظ کنند */
h1 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.8em !important; /* !important برای اولویت بالاتر */
font-weight: 800 !important;
color: #004080 !important;
text-align: center !important;
line-height: 1.3 !important;
margin-bottom: 40px !important;
padding: 20px !important;
background-color: #f8f9fa !important;
border-bottom: 4px solid #004080 !important;
border-radius: 8px !important;
}

h2 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2em !important;
font-weight: 700 !important;
color: #004080 !important;
margin-top: 50px !important;
margin-bottom: 25px !important;
padding-bottom: 10px !important;
border-bottom: 2px solid #e0f7fa !important;
}

h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.5em !important;
font-weight: 600 !important;
color: #0056b3 !important;
margin-top: 35px !important;
margin-bottom: 15px !important;
}

p {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.1em !important;
line-height: 1.8 !important;
color: #333333 !important;
margin-bottom: 20px !important;
text-align: justify !important;
}

div[style*=”font-family: ‘Vazirmatn’, sans-serif; font-size: 1.1em;”] { /* Div اصلی محتوا */
font-family: ‘Vazirmatn’, sans-serif !important;
font-size: 1.1em !important;
line-height: 1.8 !important;
color: #333333 !important;
max-width: 900px !important;
margin: 0 auto !important;
padding: 20px !important;
background-color: #ffffff !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
border-radius: 12px !important;
}

table {
width: 100% !important;
border-collapse: collapse !important;
text-align: right !important;
background-color: #f0f8ff !important;
border-radius: 8px !important;
overflow: hidden !important; /* برای گرد شدن گوشه ها */
}

th, td {
padding: 15px !important;
border: 1px solid #ddd !important;
font-family: ‘Vazirmatn’, sans-serif !important;
color: #333333 !important;
}

th {
background-color: #0056b3 !important;
color: white !important;
font-weight: 700 !important;
font-size: 1.1em !important;
}

td {
background-color: #e3f2fd !important;
}

ul {
margin: 0;
padding-right: 20px; /* برای فاصله از سمت راست در RTL */
list-style-type: disc;
}

li {
margin-bottom: 5px;
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1em;
line-height: 1.6;
color: #444444;
}

/* استایل برای بلوک های اینفوگرافیک */
div[style*=”display: flex;”] {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
margin-top: 30px;
margin-bottom: 40px;
}

div[style*=”flex: 1 1 300px;”] { /* بلوک های داخلی اینفوگرافیک */
flex: 1 1 300px;
padding: 25px;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
text-align: center;
border: 1px solid;
}

/* ریسپانسیو بودن */
@media (max-width: 768px) {
h1 { font-size: 2.2em !important; }
h2 { font-size: 1.7em !important; }
h3 { font-size: 1.3em !important; }
p, li, th, td { font-size: 0.95em !important; }
div[style*=”font-family: ‘Vazirmatn’, sans-serif; font-size: 1.1em;”] { padding: 15px !important; }
div[style*=”display: flex;”] {
flex-direction: column; /* روی موبایل، بلوک ها زیر هم قرار بگیرند */
align-items: center;
}
div[style*=”flex: 1 1 300px;”] {
width: 90% !important; /* در موبایل عرض بیشتری بگیرند */
flex: none; /* تنظیم flex را نادیده بگیرد */
}
}

@media (max-width: 480px) {
h1 { font-size: 1.8em !important; margin-bottom: 25px !important; padding: 15px !important; }
h2 { font-size: 1.5em !important; margin-top: 30px !important; margin-bottom: 15px !important; }
h3 { font-size: 1.2em !important; margin-top: 25px !important; margin-bottom: 10px !important; }
p, li, th, td { font-size: 0.9em !important; line-height: 1.7 !important; }
div[style*=”font-family: ‘Vazirmatn’, sans-serif; font-size: 1.1em;”] { padding: 10px !important; }
th, td { padding: 10px !important; }
}

/* استایل برای تبلت و لپ‌تاپ (می‌توانید breakpointهای دقیق‌تری اضافه کنید) */
@media (min-width: 769px) and (max-width: 1024px) {
h1 { font-size: 2.5em !important; }
h2 { font-size: 1.8em !important; }
h3 { font-size: 1.4em !important; }
p, li, th, td { font-size: 1em !important; }
}

/* استایل برای نمایشگرهای بزرگتر مانند تلویزیون (از 1200px به بالا) */
@media (min-width: 1200px) {
div[style*=”font-family: ‘Vazirmatn’, sans-serif; font-size: 1.1em;”] {
max-width: 1100px !important; /* عرض بیشتر برای نمایشگرهای بزرگتر */
padding: 30px !important;
}
h1 { font-size: 3.2em !important; margin-bottom: 50px !important; }
h2 { font-size: 2.2em !important; margin-top: 60px !important; }
h3 { font-size: 1.6em !important; margin-top: 40px !important; }
p, li, th, td { font-size: 1.15em !important; line-height: 1.9 !important; }
}