🔵🔴 مركز تحميل فاير برو ون | FirePro One
⚠️ تنبيه: حمّل الملفات المصرّح بنشرها أو ملفات FirePro One فقط
✅ قريبًا: مكتبة Checklists + نماذج Excel + عروض تدريبية
مركز تحميل فاير برو ون | FirePro One
Download Center — نماذج فحص، قوائم Checklists، مواد تدريب، وقوالب هندسية للسلامة ومكافحة الحريق
:root{
–fp-blue:#0b5cff;
–fp-red:#ff2b2b;
–fp-bg:#0a0f1f;
–fp-card:#0f1733;
–fp-text:#eaf1ff;
–fp-muted:rgba(234,241,255,.72);
–fp-line:rgba(255,255,255,.10);
–fp-glow: 0 0 18px rgba(11,92,255,.25), 0 0 18px rgba(255,43,43,.18);
}
.fpdc-wrap{
direction: rtl;
background: radial-gradient(1200px 600px at 10% 10%, rgba(11,92,255,.20), transparent 55%),
radial-gradient(900px 500px at 90% 20%, rgba(255,43,43,.18), transparent 55%),
linear-gradient(180deg, rgba(10,15,31,.96), rgba(10,15,31,.96));
border: 1px solid var(–fp-line);
border-radius: 18px;
padding: 18px;
margin: 18px 0;
color: var(–fp-text);
box-shadow: 0 14px 40px rgba(0,0,0,.32);
overflow: hidden;
}
/* Marquee */
.fpdc-marquee{
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.06);
border-radius: 14px;
padding: 10px 12px;
margin-bottom: 12px;
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
position: relative;
}
.fpdc-marquee-track{
display: inline-flex;
gap: 28px;
white-space: nowrap;
will-change: transform;
animation: fpdcMarquee 22s linear infinite;
}
.fpdc-marquee-track span{
font-size: 12.6px;
color: rgba(234,241,255,.88);
padding: 6px 10px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.10);
background: linear-gradient(90deg, rgba(11,92,255,.18), rgba(255,43,43,.12));
}
@keyframes fpdcMarquee{
0%{ transform: translateX(-10%); }
100%{ transform: translateX(110%); }
}
@media (prefers-reduced-motion: reduce){
.fpdc-marquee-track{ animation: none; }
}
.fpdc-header{
display:flex;
gap:16px;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
padding-bottom: 12px;
border-bottom: 1px solid var(–fp-line);
}
.fpdc-brand{ display:flex; gap:12px; align-items:center; min-width: 280px; }
.fpdc-logo{
width:54px; height:54px; object-fit:cover;
border-radius: 14px;
border: 1px solid var(–fp-line);
box-shadow: var(–fp-glow);
background: rgba(255,255,255,.06);
}
.fpdc-title{ margin:0; font-size: 20px; line-height: 1.2; }
.fpdc-sub{ margin:6px 0 0; font-size: 13px; color: var(–fp-muted); line-height: 1.5; }
.fpdc-tools{ display:flex; flex-direction:column; gap:10px; min-width: 280px; flex: 1; }
.fpdc-search{
position:relative;
display:flex;
align-items:center;
background: rgba(255,255,255,.06);
border: 1px solid var(–fp-line);
border-radius: 14px;
padding: 10px 12px;
}
.fpdc-search-ico{ margin-left: 10px; opacity: .9; }
.fpdc-search input{
width:100%;
background: transparent;
border: 0;
outline: none;
color: var(–fp-text);
font-size: 14px;
}
.fpdc-search input::placeholder{ color: rgba(234,241,255,.55); }
.fpdc-filters{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-start; }
.fpdc-chip{
cursor:pointer;
border:1px solid var(–fp-line);
background: rgba(255,255,255,.05);
color: var(–fp-text);
padding: 8px 10px;
border-radius: 999px;
font-size: 12.5px;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.fpdc-chip:hover{ transform: translateY(-1px); border-color: rgba(11,92,255,.35); box-shadow: var(–fp-glow); }
.fpdc-chip.is-active{
background: linear-gradient(90deg, rgba(11,92,255,.35), rgba(255,43,43,.22));
border-color: rgba(255,255,255,.18);
box-shadow: var(–fp-glow);
}
.fpdc-grid{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
padding-top: 14px;
}
.fpdc-card{
background: linear-gradient(180deg, rgba(15,23,51,.92), rgba(16,28,61,.92));
border: 1px solid var(–fp-line);
border-radius: 16px;
padding: 14px;
position: relative;
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.fpdc-card::before{
content:””;
position:absolute;
inset:-1px;
background: radial-gradient(420px 220px at 20% 0%, rgba(11,92,255,.22), transparent 60%),
radial-gradient(420px 220px at 90% 10%, rgba(255,43,43,.18), transparent 65%);
opacity: .9;
pointer-events:none;
}
.fpdc-card:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.22); box-shadow: 0 16px 42px rgba(0,0,0,.35), var(–fp-glow); }
.fpdc-card-top{ display:flex; gap:12px; align-items:flex-start; position:relative; z-index:1; }
.fpdc-icon{
width:44px; height:44px; border-radius: 14px;
display:grid; place-items:center;
background: rgba(255,255,255,.07);
border: 1px solid var(–fp-line);
box-shadow: 0 8px 20px rgba(0,0,0,.22);
flex: 0 0 auto;
font-size: 18px;
}
.fpdc-meta{ flex:1; min-width: 0; }
.fpdc-card-title{ margin:0; font-size: 15.5px; line-height: 1.3; }
.fpdc-card-desc{ margin: 6px 0 0; font-size: 12.8px; color: var(–fp-muted); line-height: 1.55; }
.fpdc-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-top: 12px; position:relative; z-index:1; }
.fpdc-tag{
font-size: 11.5px;
padding: 6px 9px;
border-radius: 999px;
border: 1px solid var(–fp-line);
background: rgba(255,255,255,.05);
color: rgba(234,241,255,.88);
}
.fpdc-actions{ display:flex; gap:10px; margin-top: 12px; position:relative; z-index:1; }
.fpdc-btn{
display:inline-flex; align-items:center; justify-content:center; gap:8px;
padding: 10px 12px; border-radius: 12px; font-size: 13px;
text-decoration:none; border: 1px solid var(–fp-line);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
flex:1; white-space: nowrap;
}
.fpdc-btn:hover{ transform: translateY(-1px); box-shadow: 0 14px 28px rgba(0,0,0,.25); }
.fpdc-btn-primary{
background: linear-gradient(90deg, rgba(11,92,255,.95), rgba(255,43,43,.85));
color: #fff;
border-color: rgba(255,255,255,.18);
box-shadow: var(–fp-glow);
}
.fpdc-btn-primary:hover{ border-color: rgba(255,255,255,.26); box-shadow: 0 18px 38px rgba(0,0,0,.35), var(–fp-glow); }
.fpdc-btn-ghost{ background: rgba(255,255,255,.05); color: var(–fp-text); }
.fpdc-btn-ghost:hover{ border-color: rgba(11,92,255,.35); box-shadow: var(–fp-glow); }
.fpdc-footer{
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(–fp-line);
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
}
.fpdc-note{ font-size: 12.3px; color: var(–fp-muted); }
.fpdc-mini-cta{
font-size: 12.8px;
color: #fff;
text-decoration: none;
border: 1px solid rgba(255,255,255,.16);
background: rgba(255,255,255,.06);
padding: 8px 10px;
border-radius: 999px;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fpdc-mini-cta:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.26); box-shadow: var(–fp-glow); }
@media (max-width: 980px){ .fpdc-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px){
.fpdc-wrap{ padding: 14px; }
.fpdc-grid{ grid-template-columns: 1fr; }
.fpdc-actions{ flex-direction: column; }
.fpdc-btn{ width:100%; }
}
(function(){
const searchInput = document.getElementById(“fpdcSearch”);
const chips = Array.from(document.querySelectorAll(“.fpdc-chip”));
const cards = Array.from(document.querySelectorAll(“.fpdc-card”));
let activeFilter = “all”;
const normalize = (s) => (s || “”).toLowerCase().trim();
function apply(){
const q = normalize(searchInput.value);
cards.forEach(card => {
const cat = card.getAttribute(“data-category”) || “”;
const title = card.getAttribute(“data-title”) || “”;
const text = normalize(title + ” ” + card.innerText);
const matchFilter = (activeFilter === “all”) || (cat === activeFilter);
const matchSearch = !q || text.includes(q);
card.style.display = (matchFilter && matchSearch) ? “” : “none”;
});
}
chips.forEach(chip => {
chip.addEventListener(“click”, () => {
chips.forEach(c => c.classList.remove(“is-active”));
chip.classList.add(“is-active”);
activeFilter = chip.getAttribute(“data-filter”) || “all”;
apply();
});
});
searchInput.addEventListener(“input”, apply);
apply();
})();