الگو:آخرین مطالب

   border: 1px solid #e2e8f0;
   padding: 1rem;
   background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
   border-radius: 1rem;
   min-width: 250px;
   max-width: 900px;
   margin: 0 auto;
   transition: all 0.3s ease;
   box-shadow: 0 8px 20px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.02);
   overflow: hidden;

}

.responsive-dpl-wrapper .dpl-header {

   font-size: 1.25rem;
   font-weight: 700;
   background: linear-gradient(135deg, #1e293b, #0f172a);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
   margin-bottom: 1rem;
   padding-bottom: 0.5rem;
   border-bottom: 3px solid #3b82f6;
   text-align: center;
   letter-spacing: -0.01em;

}

.responsive-dpl-wrapper ul {

   display: grid;
   grid-template-columns: 1fr;
   gap: 0.6rem;
   list-style: none;
   margin: 0;
   padding: 0;

}

/* حالت دسکتاپ (دو ستونه) */ @media (min-width: 768px) {

   .responsive-dpl-wrapper ul {
       grid-template-columns: repeat(2, 1fr);
   }

}

.responsive-dpl-wrapper li {

   background: #ffffff;
   border: 1px solid #eef2f6;
   border-radius: 0.75rem;
   padding: 0.5rem 0.8rem;
   transition: all 0.2s ease;
   font-size: 0.9rem;
   box-shadow: 0 1px 2px rgba(0,0,0,0.02);

}

.responsive-dpl-wrapper li:hover {

   background: #fefce8;
   border-color: #facc15;
   transform: translateY(-1px);
   box-shadow: 0 6px 12px -6px rgba(0,0,0,0.1);

}

.responsive-dpl-wrapper li a {

   color: #1e40af;
   text-decoration: none;
   font-weight: 500;
   display: block;

}

.responsive-dpl-wrapper li a:hover {

   color: #d97706;
   text-decoration: underline;

}

/* آیکون کوچک کنار لینک‌ها (اختیاری) */ .responsive-dpl-wrapper li a::before {

   content: "📄 ";
   font-size: 0.8rem;
   opacity: 0.7;

} </style>

📰 آخرین مطالب