/* ================================
Category Intro – MikroTik (Woo Category Description)
================================ */
.ms-cat-intro,
.ms-cat-intro * { box-sizing: border-box; }
.ms-cat-intro{
direction: rtl;
font-family: "IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
max-width: 1180px;
margin: 18px auto 26px;
padding: 0 12px;
color: #041728;
}
.ms-cat-intro__wrap{
max-width: 1120px;
margin: 0 auto;
}
/* Top row */
.ms-cat-intro__top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px 16px;
flex-wrap:wrap;
margin-bottom: 12px;
}
.ms-cat-intro__badge{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 14px;
border-radius:999px;
font-weight:900;
font-size:13px;
color:#fff;
background: linear-gradient(90deg, #0f172a, #1d4ed8);
box-shadow:0 12px 26px rgba(29,78,216,0.26);
}
.ms-cat-intro__quick{
display:flex;
gap:8px;
flex-wrap:wrap;
}
.ms-cat-intro__chip{
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 12px;
border-radius:999px;
text-decoration:none;
font-weight:900;
font-size:12.5px;
color:#0b2a55;
background: rgba(239,246,255,0.95);
border:1px solid rgba(37,99,235,0.25);
box-shadow:0 10px 22px rgba(15,23,42,0.06);
}
.ms-cat-intro__chip--outline{
background:#fff;
}
/* Main container */
.ms-cat-intro__grid{
display:grid;
grid-template-columns: minmax(0, 1.75fr) minmax(0, 1.05fr);
gap: 18px 18px;
align-items: stretch;
}
/* Main panel */
.ms-cat-intro__main{
background:
radial-gradient(circle at top left, rgba(56,189,248,0.14), transparent 60%),
radial-gradient(circle at bottom right, rgba(99,102,241,0.12), transparent 65%),
linear-gradient(180deg, rgba(240,249,255,0.92), rgba(238,242,255,0.92));
border: 1px solid rgba(148,163,184,0.75);
border-radius: 24px;
padding: 18px 18px 16px;
box-shadow: 0 16px 40px rgba(15,23,42,0.12);
position:relative;
overflow:hidden;
}
.ms-cat-intro__main::before{
content:"";
position:absolute;
inset-inline-start:-48px;
inset-block-start:-48px;
width:160px;height:160px;
border-radius:999px;
background: radial-gradient(circle, rgba(255,255,255,0.92), transparent 65%);
opacity:.7;
pointer-events:none;
}
.ms-cat-intro__title{
position:relative; z-index:1;
margin:0 0 8px 0;
font-size:21px;
font-weight:900;
color:#020617;
line-height:1.9;
}
.ms-cat-intro__lead{
position:relative; z-index:1;
margin:0 0 10px 0;
font-size:14.6px;
color:#163653;
line-height:2.05;
}
.ms-cat-intro__bullets{
position:relative; z-index:1;
list-style:none;
padding:0;
margin: 0 0 10px 0;
}
.ms-cat-intro__bullets li{
position:relative;
padding-right:18px;
margin-bottom:6px;
font-size:14px;
color:#0f172a;
line-height:2;
}
.ms-cat-intro__bullets li::before{
content:"•";
position:absolute;
right:3px;
top:0;
font-size:18px;
color:#1d4ed8;
}
/* Tags */
.ms-cat-intro__tags{
position:relative; z-index:1;
display:flex;
flex-wrap:wrap;
gap:8px;
margin: 6px 0 12px 0;
}
.ms-cat-intro__tag{
display:inline-flex;
align-items:center;
padding:6px 11px;
border-radius:999px;
background: linear-gradient(135deg, #ffffff, #e0f2fe);
border:1px solid rgba(37,99,235,0.18);
font-size:12.6px;
font-weight:900;
color:#0b3a7a;
box-shadow:0 8px 20px rgba(15,23,42,0.06);
}
/* CTA buttons */
.ms-cat-intro__cta{
position:relative; z-index:1;
display:flex;
gap:10px;
flex-wrap:wrap;
margin-bottom:10px;
}
.ms-cat-intro__btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
padding:10px 16px;
border-radius:999px;
text-decoration:none;
font-size:13.8px;
font-weight:900;
line-height:1.8;
cursor:pointer;
max-width:100%;
white-space:normal;
text-align:center;
overflow-wrap:anywhere;
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}
.ms-cat-intro__btn--primary{
background: linear-gradient(90deg, #0f172a, #1d4ed8);
color:#fff;
border:1px solid rgba(30,64,175,0.9);
box-shadow:0 14px 30px rgba(29,78,216,0.35);
}
.ms-cat-intro__btn--soft{
background: linear-gradient(90deg, rgba(219,234,254,0.95), rgba(224,242,254,0.95));
color:#0b2a55;
border:1px solid rgba(37,99,235,0.30);
box-shadow:0 12px 26px rgba(15,23,42,0.10);
}
.ms-cat-intro__btn--outline{
background:#ffffff;
color:#111827;
border:1px solid rgba(209,213,219,0.95);
box-shadow:0 12px 26px rgba(15,23,42,0.08);
}
.ms-cat-intro__btn:hover{
transform: translateY(-1px);
box-shadow:0 18px 40px rgba(15,23,42,0.18);
filter: brightness(1.02);
}
/* Note */
.ms-cat-intro__note{
position:relative; z-index:1;
margin: 0;
font-size:13.2px;
color:#0f172a;
line-height:1.95;
background: rgba(255,255,255,0.85);
border:1px solid rgba(148,163,184,0.55);
border-right: 4px solid #1d4ed8;
border-radius: 16px;
padding: 10px 12px;
}
/* Side card */
.ms-cat-intro__side{ min-width:0; }
.ms-cat-intro__card{
background:#ffffff;
border:1px solid rgba(148,163,184,0.7);
border-radius:24px;
padding:16px 16px 14px;
box-shadow:0 16px 40px rgba(15,23,42,0.12);
position:relative;
overflow:hidden;
}
.ms-cat-intro__card::before{
content:"";
position:absolute;
inset-inline-end:-60px;
inset-block-start:-60px;
width:170px;height:170px;
border-radius:999px;
background: radial-gradient(circle, rgba(219,234,254,0.95), transparent 60%);
opacity:.75;
pointer-events:none;
}
.ms-cat-intro__card-title{
position:relative; z-index:1;
margin:0 0 10px 0;
font-size:16.5px;
font-weight:900;
color:#020617;
}
.ms-cat-intro__steps{
position:relative; z-index:1;
margin:0 0 12px 0;
padding:0 18px 0 0;
color:#0f172a;
}
.ms-cat-intro__steps li{
margin-bottom:8px;
line-height:1.95;
font-size:13.4px;
}
.ms-cat-intro__steps strong{
display:block;
font-size:13.6px;
color:#1d4ed8;
}
.ms-cat-intro__steps span{
display:block;
color:#334155;
}
/* Side buttons */
.ms-cat-intro__btns{
position:relative; z-index:1;
display:flex;
flex-direction:column;
gap:8px;
margin-bottom:12px;
}
/* Mini lab box */
.ms-cat-intro__mini{
position:relative; z-index:1;
background: rgba(239,246,255,0.95);
border:1px solid rgba(191,219,254,0.95);
border-radius:18px;
padding:10px 11px;
}
.ms-cat-intro__mini-title{
margin:0 0 6px 0;
font-size:13.5px;
font-weight:900;
color:#1d4ed8;
}
.ms-cat-intro__mini-list{
margin:0;
padding:0;
list-style:none;
}
.ms-cat-intro__mini-list li{
position:relative;
padding-right:18px;
margin-bottom:5px;
font-size:13px;
color:#111827;
line-height:1.9;
}
.ms-cat-intro__mini-list li::before{
content:"✓";
position:absolute;
right:2px;
top:0;
font-size:12px;
color:#16a34a;
}
.ms-cat-intro__mini-note{
margin:6px 0 0 0;
font-size:12.4px;
color:#475569;
line-height:1.9;
}
/* Bottom cards */
.ms-cat-intro__cards{
margin-top: 16px;
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.ms-cat-intro__info{
background:#ffffff;
border:1px solid rgba(148,163,184,0.7);
border-radius:22px;
padding:14px 14px 12px;
box-shadow:0 14px 34px rgba(15,23,42,0.10);
}
.ms-cat-intro__info--highlight{
background:
radial-gradient(circle at top left, rgba(34,211,238,0.10), transparent 60%),
radial-gradient(circle at bottom right, rgba(99,102,241,0.10), transparent 65%),
#ffffff;
border-right:4px solid #4f46e5;
}
.ms-cat-intro__info-title{
margin:0 0 8px 0;
font-size:15.2px;
font-weight:900;
color:#020617;
}
.ms-cat-intro__info-list{
margin:0;
padding:0;
list-style:none;
}
.ms-cat-intro__info-list li{
position:relative;
padding-right:18px;
margin-bottom:6px;
font-size:13.4px;
color:#111827;
line-height:1.95;
}
.ms-cat-intro__info-list li::before{
content:"•";
position:absolute;
right:3px;
top:0;
font-size:18px;
color:#1d4ed8;
}
.ms-cat-intro__info-text{
margin:0 0 10px 0;
font-size:13.6px;
color:#334155;
line-height:2;
}
.ms-cat-intro__info-cta{
display:flex;
gap:10px;
flex-wrap:wrap;
}
/* Smooth scroll */
html { scroll-behavior: smooth; }
/* Responsive */
@media (max-width: 980px){
.ms-cat-intro__grid{ grid-template-columns: 1fr; }
.ms-cat-intro__cards{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
.ms-cat-intro{ padding: 0 8px; }
.ms-cat-intro__main,
.ms-cat-intro__card{ border-radius:20px; }
.ms-cat-intro__title{ font-size:18.5px; }
.ms-cat-intro__lead{ font-size:13.8px; }
.ms-cat-intro__cta .ms-cat-intro__btn{ width:100%; }
.ms-cat-intro__top{ align-items:flex-start; }
}
جستجو با زدن Enter و بستن با زدن ESC
سلام وقت بخیر و خوشی
لینک های بالا خراب هستند.لطفا پیگیری کنید .ممنون
سلام فایل ها موجود نیست
دیپ فریز اکتیو دایرکتوری آی پی اسکن و…. چند مورد دیگه نیستش میشه پیگیری کنید
با سلام فیلم اموزش نرم افزار موجود نیست