@@ خط ۱: / خط ۱: @@
 <html>
 <style>
-   .wiki-categories-wrapper{
+   .wiki-categories-wrapper {
-     direction:rtl;
+     direction: rtl;
-     margin:20px auto;
+     margin: 20px auto;
-     max-width:1200px;
+     max-width: 1200px;
-     padding:10px;
+     padding: 10px;
-     font-family:Tahoma, Arial, sans-serif;
+     font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Tahoma, sans-serif;
    }
-   .cat-stack{
+   .cat-stack {
-     display:flex;
+     display: flex;
-     flex-direction:column;
+     flex-direction: column;
-     gap:15px;
+     gap: 20px;
    }
-   .cat-box{
+   .cat-box {
-     background:#ffffff;
+     background: #ffffff;
-     border:1.5px solid #8ee0d8;
+     border: 1.5px solid #8ee0d8; /* رنگ کادر مشابه استان‌ها */
-     border-radius:8px;
+     border-radius: 8px;
-     box-shadow:0 2px 4px rgba(0,0,0,0.02);
+     box-shadow: 0 2px 4px rgba(0,0,0,0.02);
-     overflow:hidden;
+     overflow: hidden;
-     transition:all .3s ease;
+     transition: all 0.3s ease;
    }
-   .cat-box:hover{
+   .cat-box:hover {
-     box-shadow:0 4px 12px rgba(101,195,186,.12);
+     box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);
-     border-color:#65c3ba;
+     border-color: #65c3ba;
    }
-   .cat-header{
+  /* استایل هدر (دسته اصلی) دقیقا مشابه دکمه‌های استان‌ها */
-     display:block;
+   .cat-header {
-     padding:15px;
+     display: block !important;
-     background:#ffffff;
+    background: #ffffff;
-     text-decoration:none;
+     padding: 15px 20px;
-     color:#2d3748;
+     text-align: right;
-     font-weight:600;
+     text-decoration: none !important;
-     font-size:clamp(14px, 1.2vw, 17px);
+     color: #2d3748 !important;
-     white-space:nowrap;
+     font-weight: 600;
-    overflow:hidden;
+     font-size: clamp(14px, 1.2vw, 17px) !important;
-    text-overflow:ellipsis;
+     border-bottom: 1.5px solid #8ee0d8;
-     transition:all .3s ease;
+     transition: all 0.3s ease;
    }
-   .cat-header:hover{
+   .cat-box:hover .cat-header {
-     color:#65c3ba;
+     color: #65c3ba !important;
-     background:#f8fffe;
+    border-color: #65c3ba;
+     background: #fafdfd;
    }
-   .sub-links-list{
+  /* بخش زیرمجموعه‌ها */
-     padding:12px 15px 15px;
+   .sub-links-list {
-     display:flex;
+     padding: 15px 20px;
-     flex-wrap:wrap;
+     display: flex;
-     gap:8px 10px;
+     flex-wrap: wrap;
-    border-top:1px solid #eaf6f5;
+     gap: 10px 12px;
-     background:#fcfffe;
+     background: #fcfefe;
    }
-   .sub-link{
+   .sub-link {
-     display:inline-block;
+     display: inline-block;
-     padding:6px 10px;
+     padding: 6px 12px;
-     border:1px solid #d6efed;
+     border: 1px solid #d6efed;
-     border-radius:999px;
+     border-radius: 999px;
-     background:#ffffff;
+     background: #ffffff;
-     color:#2d3748;
+     color: #4a5568;
-     font-size:13px;
+     font-size: 13px;
-     text-decoration:none;
+     text-decoration: none !important;
-     transition:all .3s ease;
+     transition: all 0.3s ease;
-     white-space:nowrap;
+     white-space: nowrap;
    }
-   .sub-link:hover{
+   .sub-link:hover {
-     background:#f0fffd;
+     background: #f0fffd;
-     border-color:#65c3ba;
+     border-color: #65c3ba;
-     color:#65c3ba;
+     color: #65c3ba !important;
-     transform:translateY(-1px);
+     transform: translateY(-1px);
    }
-   @media (max-width:768px){
+  /* تنظیمات واکنش‌گرا برای موبایل */
-     .wiki-categories-wrapper{
+   @media (max-width: 768px) {
-       padding:8px;
+     .wiki-categories-wrapper {
+       padding: 5px;
      }
+    .cat-stack {
-     .cat-header{
+      gap: 15px;
-       padding:12px 13px;
+    }
-       font-size:clamp(13px, 3.5vw, 15px);
+     .cat-header {
+       padding: 12px 15px;
+       font-size: clamp(11.5px, 3.5vw, 15px) !important;
      }
+     .sub-links-list {
-     .sub-links-list{
+       padding: 12px 15px;
-       padding:10px 12px 12px;
+       gap: 8px 10px;
-       gap:7px 8px;
      }
+     .sub-link {
-     .sub-link{
+       font-size: 12px;
-       font-size:12px;
+       padding: 5px 10px;
-       padding:5px 9px;
      }
    }
@@ خط ۱۰۲: / خط ۱۰۴: @@
    <div class="cat-stack">
+    <!-- آموزش و پرورش -->
      <div class="cat-box">
        <a href="/wiki/Category:آموزش_و_پرورش" class="cat-header">آموزش و پرورش</a>
@@ خط ۱۱۸: / خط ۱۲۱: @@
      </div>
+    <!-- بهداشت و درمان -->
      <div class="cat-box">
        <a href="/wiki/Category:بهداشت_و_درمان" class="cat-header">بهداشت و درمان</a>
@@ خط ۱۳۴: / خط ۱۳۸: @@
      </div>
+    <!-- فرهنگ و هنر -->
      <div class="cat-box">
        <a href="/wiki/Category:فرهنگ_و_هنر" class="cat-header">فرهنگ و هنر</a>
@@ خط ۱۴۸: / خط ۱۵۳: @@
      </div>
+    <!-- گردشگری و اقامت -->
      <div class="cat-box">
        <a href="/wiki/Category:گردشگری_و_اقامت" class="cat-header">گردشگری و اقامت</a>
@@ خط ۱۶۲: / خط ۱۶۸: @@
      </div>
+    <!-- حمل و نقل -->
      <div class="cat-box">
        <a href="/wiki/Category:حمل_و_نقل" class="cat-header">حمل و نقل</a>
@@ خط ۱۷۶: / خط ۱۸۳: @@
      </div>
+    <!-- خدمات خودرو -->
      <div class="cat-box">
        <a href="/wiki/Category:خدمات_خودرو" class="cat-header">خدمات خودرو</a>
@@ خط ۱۹۰: / خط ۱۹۸: @@
      </div>
+    <!-- خدمات ساختمان -->
      <div class="cat-box">
        <a href="/wiki/Category:خدمات_ساختمان" class="cat-header">خدمات ساختمان</a>
@@ خط ۲۰۴: / خط ۲۱۳: @@
      </div>
+    <!-- خدمات شهری و دولتی -->
      <div class="cat-box">
        <a href="/wiki/Category:خدمات_شهری_و_دولتی" class="cat-header">خدمات شهری و دولتی</a>
@@ خط ۲۰۹: / خط ۲۱۹: @@
          <a href="/wiki/Category:شهرداری" class="sub-link">شهرداری</a>
          <a href="/wiki/Category:دفاتر_پیشخوان_دولت" class="sub-link">دفاتر پیشخوان دولت</a>
-         <a href="/wiki/Category:پلیس_+۱۰" class="sub-link">پلیس +10</a>
+         <a href="/wiki/Category:پلیس_+10" class="sub-link">پلیس +10</a>
          <a href="/wiki/Category:ادارات_دولتی" class="sub-link">ادارات دولتی</a>
          <a href="/wiki/Category:دفاتر_خدمات_الکترونیک_شهر" class="sub-link">دفاتر خدمات الکترونیک شهر</a>
@@ خط ۲۱۷: / خط ۲۲۷: @@
      </div>
+    <!-- خرید و فروش -->
      <div class="cat-box">
        <a href="/wiki/Category:خرید_و_فروش" class="cat-header">خرید و فروش</a>
@@ خط ۲۳۳: / خط ۲۴۴: @@
      </div>
+    <!-- رستوران و مواد غذایی -->
      <div class="cat-box">
        <a href="/wiki/Category:رستوران_و_مواد_غذایی" class="cat-header">رستوران و مواد غذایی</a>
@@ خط ۲۴۳: / خط ۲۵۵: @@
          <a href="/wiki/Category:نانوایی" class="sub-link">نانوایی</a>
          <a href="/wiki/Category:کترینگ_و_تهیه_غذا" class="sub-link">کترینگ و تهیه غذا</a>
-        <a href="/wiki/Category:فروشگاه_مواد_غذایی" class="sub-link">فروشگاه مواد غذایی</a>
        </div>
      </div>
+    <!-- رسانه و ارتباطات -->
      <div class="cat-box">
        <a href="/wiki/Category:رسانه_و_ارتباطات" class="cat-header">رسانه و ارتباطات</a>
@@ خط ۲۵۹: / خط ۲۷۱: @@
      </div>
+    <!-- سرگرمی و ورزش -->
      <div class="cat-box">
        <a href="/wiki/Category:سرگرمی_و_ورزش" class="cat-header">سرگرمی و ورزش</a>
@@ خط ۲۶۸: / خط ۲۸۱: @@
          <a href="/wiki/Category:زمین_ورزشی" class="sub-link">زمین ورزشی</a>
          <a href="/wiki/Category:فروشگاه_لوازم_ورزشی" class="sub-link">فروشگاه لوازم ورزشی</a>
-         <a href="/wiki/Category:آموزشگاه_ورزشی" class="sub-link">آموزشگاه ورزشی</a>
+         <a href="/wiki/Category:آموزشگاه_ورزشی" class="sub-link">آموزشگاه ورزشى</a>
        </div>
      </div>
+    <!-- صنعت و تجارت -->
      <div class="cat-box">
        <a href="/wiki/Category:صنعت_و_تجارت" class="cat-header">صنعت و تجارت</a>
@@ خط ۲۸۴: / خط ۲۹۸: @@
      </div>
+    <!-- فناوری اطلاعات -->
      <div class="cat-box">
        <a href="/wiki/Category:فناوری_اطلاعات" class="cat-header">فناوری اطلاعات</a>
@@ خط ۲۹۷: / خط ۳۱۲: @@
      </div>
+    <!-- مالی و حقوقی -->
      <div class="cat-box">
        <a href="/wiki/Category:مالی_و_حقوقی" class="cat-header">مالی و حقوقی</a>
@@ خط ۳۱۰: / خط ۳۲۶: @@
      </div>
+    <!-- مشاغل خانگی و شخصی -->
      <div class="cat-box">
        <a href="/wiki/Category:مشاغل_خانگی_و_شخصی" class="cat-header">مشاغل خانگی و شخصی</a>
@@ خط ۳۲۳: / خط ۳۴۰: @@
      </div>
+    <!-- مذهبی و اجتماعی -->
      <div class="cat-box">
        <a href="/wiki/Category:مذهبی_و_اجتماعی" class="cat-header">مذهبی و اجتماعی</a>
@@ خط ۳۳۵: / خط ۳۵۳: @@
      </div>
+    <!-- کشاورزی و دامداری -->
      <div class="cat-box">
        <a href="/wiki/Category:کشاورزی_و_دامداری" class="cat-header">کشاورزی و دامداری</a>
@@ خط ۳۴۷: / خط ۳۶۶: @@
      </div>
+    <!-- محیط زیست و انرژی -->
      <div class="cat-box">
        <a href="/wiki/Category:محیط_زیست_و_انرژی" class="cat-header">محیط زیست و انرژی</a>
@@ خط ۳۶۰: / خط ۳۸۰: @@
    </div>
 </div>
 </html>

الگو:صفحه اصلی/دسته بندی موضوعی: تفاوت میان نسخه‌ها