@@ خط ۱: / خط ۱: @@
 <html>
+<!-- بخش استایل‌های اختصاصی و واکنش‌گرا -->
-<!-- بخش استایل سفارشی و بومی‌سازی شده برای مدیاویکی (استفاده از فونت پیش‌فرض ویکی) -->
+<style>
-<div style="direction: rtl; margin: 20px auto; max-width: 1200px; padding: 10px;">
+  .wiki-province-container {
+    direction: rtl;
+    margin: 5px auto;
+    max-width: 1200px;
+    padding: 10px;
+  }
+  .wiki-province-grid {
+    display: grid !important;
+    grid-template-columns: repeat(6, 1fr) !important;
+    gap: 15px !important;
+  }
+  .wiki-province-card {
+    background: #ffffff;
+    border: 1.5px solid #8ee0d8; /* رنگ پایه با ۲۵ درصد روشنایی بیشتر */
+    border-radius: 8px;
+    padding: 15px 5px;
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
+    transition: all 0.3s ease;
+    cursor: pointer;
+    color: #2d3748;
+    font-weight: 600;
+    /* استفاده از clamp برای تغییر اندازه فونت پویا بین 14px تا 17px متناسب با عرض صفحه */
+    font-size: clamp(14px, 1.2vw, 17px) !important;
-     <div style="text-align: center; margin-bottom: 30px;">
+    /* جلوگیری از شکستن متن و دوخطی شدن */
-         <h2 style="color: #2c3e50; border-bottom: 2px solid #3498db; display: inline-block; padding-bottom: 10px; font-weight: bold; font-size: 24px;">دسته‌بندی مشاغل بر اساس استان‌های ایران</h2>
+    white-space: nowrap !important;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    display: block !important;
+  }
+  .wiki-province-card:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);
+    border-color: #65c3ba; /* تغییر رنگ به رنگ پایه در حالت هاور */
+    color: #65c3ba;
+  }
+  /* تنظیمات نمایشگر موبایل و تبلت‌های کوچک */
+  @media (max-width: 768px) {
+    .wiki-province-grid {
+      grid-template-columns: repeat(2, 1fr) !important; /* ۲ کادر در هر ردیف */
+      gap: 10px !important;
+    }
+    .wiki-province-card {
+      padding: 12px 4px !important;
+      /* در موبایل اندازه فونت به صورت پویا با توجه به عرض صفحه بین 10.5px تا 14.5px تغییر می‌کند */
+      font-size: clamp(10.5px, 3.5vw, 14.5px) !important;
+    }
+  }
+</style>
+<!-- بدنه اصلی ساختار دسته‌بندی استان‌ها -->
+<div class="wiki-province-container">
+     <div style="text-align: center; margin-bottom: 15px;">
+         <h2 style="color: #2c3e50; border-bottom: 2px solid #65c3ba; display: inline-block; padding-bottom: 10px; font-weight: bold; font-size: 24px;"> مشاغل در استان‌های ایران</h2>
          <p style="color: #7f8c8d; font-size: 14px; margin-top: 10px;">برای مشاهده کسب‌وکارها، استان مورد نظر خود را انتخاب کنید.</p>
      </div>
+     <!-- شبکه کارت‌های استان‌ها -->
-     <!-- شبکه کارت‌های استان‌ها با چیدمان ثابت ۶ ستونه در دسکتاپ -->
+     <div class="wiki-province-grid">
-     <div style="display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px;">
          <!-- آذربایجان شرقی -->
          <a href="/wiki/Category:مشاغل_استان_آذربایجان_شرقی" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">آذربایجان شرقی</div>
-                آذربایجان شرقی
-            </div>
          </a>
          <!-- آذربایجان غربی -->
          <a href="/wiki/Category:مشاغل_استان_آذربایجان_غربی" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">آذربایجان غربی</div>
-                آذربایجان غربی
-            </div>
          </a>
          <!-- اردبیل -->
          <a href="/wiki/Category:مشاغل_استان_اردبیل" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">اردبیل</div>
-                اردبیل
-            </div>
          </a>
          <!-- اصفهان -->
          <a href="/wiki/Category:مشاغل_استان_اصفهان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">اصفهان</div>
-                اصفهان
-            </div>
          </a>
          <!-- البرز -->
          <a href="/wiki/Category:مشاغل_استان_البرز" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">البرز</div>
-                البرز
-            </div>
          </a>
          <!-- ایلام -->
          <a href="/wiki/Category:مشاغل_استان_ایلام" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">ایلام</div>
-                ایلام
-            </div>
          </a>
          <!-- بوشهر -->
          <a href="/wiki/Category:مشاغل_استان_بوشهر" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">بوشهر</div>
-                بوشهر
-            </div>
          </a>
          <!-- تهران -->
          <a href="/wiki/Category:مشاغل_استان_تهران" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">تهران</div>
-                تهران
-            </div>
          </a>
          <!-- چهارمحال و بختیاری -->
          <a href="/wiki/Category:مشاغل_استان_چهارمحال_و_بختیاری" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">چهارمحال و بختیاری</div>
-                چهارمحال و بختیاری
-            </div>
          </a>
          <!-- خراسان جنوبی -->
          <a href="/wiki/Category:مشاغل_استان_خراسان_جنوبی" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">خراسان جنوبی</div>
-                خراسان جنوبی
-            </div>
          </a>
          <!-- خراسان رضوی -->
          <a href="/wiki/Category:مشاغل_استان_خراسان_رضوی" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">خراسان رضوی</div>
-                خراسان رضوی
-            </div>
          </a>
          <!-- خراسان شمالی -->
          <a href="/wiki/Category:مشاغل_استان_خراسان_شمالی" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">خراسان شمالی</div>
-                خراسان شمالی
-            </div>
          </a>
          <!-- خوزستان -->
          <a href="/wiki/Category:مشاغل_استان_خوزستان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">خوزستان</div>
-                خوزستان
-            </div>
          </a>
          <!-- زنجان -->
          <a href="/wiki/Category:مشاغل_استان_زنجان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">زنجان</div>
-                زنجان
-            </div>
          </a>
          <!-- سمنان -->
          <a href="/wiki/Category:مشاغل_استان_سمنان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">سمنان</div>
-                سمنان
-            </div>
          </a>
          <!-- سیستان و بلوچستان -->
          <a href="/wiki/Category:مشاغل_استان_سیستان_و_بلوچستان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">سیستان و بلوچستان</div>
-                سیستان و بلوچستان
-            </div>
          </a>
          <!-- فارس -->
          <a href="/wiki/Category:مشاغل_استان_فارس" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">فارس</div>
-                فارس
-            </div>
          </a>
          <!-- قزوین -->
          <a href="/wiki/Category:مشاغل_استان_قزوین" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">قزوین</div>
-                قزوین
-            </div>
          </a>
          <!-- قم -->
          <a href="/wiki/Category:مشاغل_استان_قم" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">قم</div>
-                قم
-            </div>
          </a>
          <!-- کردستان -->
          <a href="/wiki/Category:مشاغل_استان_کردستان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">کردستان</div>
-                کردستان
-            </div>
          </a>
          <!-- کرمان -->
          <a href="/wiki/Category:مشاغل_استان_کرمان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">کرمان</div>
-                کرمان
-            </div>
          </a>
          <!-- کرمانشاه -->
          <a href="/wiki/Category:مشاغل_استان_کرمانشاه" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">کرمانشاه</div>
-                کرمانشاه
-            </div>
          </a>
          <!-- کهگیلویه و بویراحمد -->
          <a href="/wiki/Category:مشاغل_استان_کهگیلویه_و_بویراحمد" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">کهگیلویه و بویراحمد</div>
-                کهگیلویه و بویراحمد
-            </div>
          </a>
          <!-- گلستان -->
          <a href="/wiki/Category:مشاغل_استان_گلستان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">گلستان</div>
-                گلستان
-            </div>
          </a>
          <!-- گیلان -->
          <a href="/wiki/Category:مشاغل_استان_گیلان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">گیلان</div>
-                گیلان
-            </div>
          </a>
          <!-- لرستان -->
          <a href="/wiki/Category:مشاغل_استان_لرستان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">لرستان</div>
-                لرستان
-            </div>
          </a>
          <!-- مازندران -->
          <a href="/wiki/Category:مشاغل_استان_مازندران" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">مازندران</div>
-                مازندران
-            </div>
          </a>
          <!-- مرکزی -->
          <a href="/wiki/Category:مشاغل_استان_مرکزی" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">مرکزی</div>
-                مرکزی
-            </div>
          </a>
          <!-- هرمزگان -->
          <a href="/wiki/Category:مشاغل_استان_هرمزگان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">هرمزگان</div>
-                هرمزگان
-            </div>
          </a>
          <!-- همدان -->
          <a href="/wiki/Category:مشاغل_استان_همدان" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">همدان</div>
-                همدان
-            </div>
          </a>
          <!-- یزد -->
          <a href="/wiki/Category:مشاغل_استان_یزد" style="text-decoration: none;">
-             <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px 5px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748; font-weight: 600; font-size: 14px;" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)'; this.style.borderColor='#3498db'; this.style.color='#3498db';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.02)'; this.style.borderColor='#e2e8f0'; this.style.color='#2d3748';">
+             <div class="wiki-province-card">یزد</div>
-                یزد
-            </div>
          </a>

الگو:صفحه اصلی/فهرست شهرها: تفاوت میان نسخه‌ها