Files
ScreenR-and-KeyboardC/html/page_2.html
T
arsam d7412e7816 Import source: html/page_2
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
2026-09-18 23:13:55 +03:30

1770 lines
106 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<html class="js lenis" dir="rtl" lang="fa">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>
مقاله‌های فناوری | تکناو
</title>
<meta content="آرشیو مقاله‌های فارسی تکناو درباره هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده فناوری." name="description"/>
<meta content="تکناو, فناوری, هوش مصنوعی, علم داده, امنیت سایبری, نرم افزار, سخت افزار, استارتاپ, آینده فناوری, تحلیل تکنولوژی" name="keywords"/>
<meta content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" name="robots"/>
<meta content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" name="googlebot"/>
<meta content="index,follow,max-snippet:-1,max-image-preview:large" name="bingbot"/>
<meta content="تکناو" name="author"/>
<meta content="fa-IR" name="language"/>
<link href="https://www.teknav.ir/articles" rel="canonical"/>
<link href="https://www.teknav.ir/feed.xml" rel="alternate" title="تازه‌ترین مقاله‌های تکناو" type="application/rss+xml"/>
<meta content="fa_IR" property="og:locale"/>
<meta content="تکناو" property="og:site_name"/>
<meta content="website" property="og:type"/>
<meta content="مقاله‌های فناوری | تکناو" property="og:title"/>
<meta content="آرشیو مقاله‌های فارسی تکناو درباره هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده فناوری." property="og:description"/>
<meta content="https://www.teknav.ir/articles" property="og:url"/>
<meta content="https://www.teknav.ir/images/og/default.jpg" property="og:image"/>
<meta content="1200" property="og:image:width"/>
<meta content="630" property="og:image:height"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="مقاله‌های فناوری | تکناو" name="twitter:title"/>
<meta content="آرشیو مقاله‌های فارسی تکناو درباره هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده فناوری." name="twitter:description"/>
<meta content="https://www.teknav.ir/images/og/default.jpg" name="twitter:image"/>
<link href="/favicon.ico" rel="icon" type="image/x-icon"/>
<link href="/favicon.png" rel="icon" sizes="512x512" type="image/png"/>
<link href="/favicon.png" rel="apple-touch-icon" sizes="512x512"/>
<link href="/manifest.json" rel="manifest"/>
<meta content="#0F6B73" name="theme-color"/>
<script>
document.documentElement.classList.add('js');
</script>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/service-worker.js');
});
}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[{"@type":["Organization","NewsMediaOrganization"],"@id":"https://www.teknav.ir/#organization","name":"تکناو","alternateName":["Teknav","تکناو"],"url":"https://www.teknav.ir","logo":{"@type":"ImageObject","@id":"https://www.teknav.ir/#logo","url":"https://www.teknav.ir/favicon.png","width":512,"height":512},"image":{"@id":"https://www.teknav.ir/#logo"}},{"@type":"WebSite","@id":"https://www.teknav.ir/#website","url":"https://www.teknav.ir","name":"تکناو","alternateName":"Teknav","inLanguage":"fa-IR","publisher":{"@id":"https://www.teknav.ir/#organization"}},{"@type":"CollectionPage","name":"مقاله‌های فناوری تکناو","url":"https://www.teknav.ir/articles","inLanguage":"fa-IR"}]}
</script>
<script crossorigin="" src="js/main-fWei3rj7.js" type="module">
</script>
<link crossorigin="" href="/assets/teknav-data-CwRH-lk8.js" rel="modulepreload"/>
<link crossorigin="" href="/assets/vendor-Df_qY436.js" rel="modulepreload"/>
<link crossorigin="" href="/assets/vendor-react-BjBraD6T.js" rel="modulepreload"/>
<link crossorigin="" href="/assets/vendor-three-Bzpp9od8.js" rel="modulepreload"/>
<link crossorigin="" href="css/main-BrsacyWt.css" rel="stylesheet"/>
<style>
article h2 { font-size: 22px; font-weight: 800; color: #263238; margin: 40px 0 16px; padding-bottom: 8px; border-bottom: 2px solid #E4DDD2; font-family: Vazirmatn,sans-serif; }
article h3 { font-size: 18px; font-weight: 700; color: #263238; margin: 32px 0 12px; font-family: Vazirmatn,sans-serif; }
article p { margin: 0 0 20px; }
article .lead { font-size: 18px; line-height: 2.05; color: #1A3035; font-weight: 500; background: #FFFFFF; border: 1px solid #E4DDD2; border-right: 4px solid #0F6B73; border-radius: 12px; padding: 20px 22px; margin: 0 0 30px; }
article blockquote { border-right: 4px solid #D49A2A; margin: 28px 0; padding: 16px 20px; background: #D49A2A0A; border-radius: 0 8px 8px 0; font-size: 16px; color: #263238; font-style: normal; }
article blockquote.security-quote { border-right-color: #C94C4D; background: #C94C4D08; }
article strong { color: #263238; font-weight: 700; }
article em { color: #0F6B73; font-style: normal; font-weight: 600; }
article pre { background: #131F22; border-radius: 10px; padding: 40px 18px 18px; margin: 24px 0; overflow-x: auto; position: relative; border: 1px solid #1E3035; direction: ltr; }
article pre::before { content: attr(data-lang); position: absolute; top: 10px; right: 14px; font-size: 10px; color: #4A7A82; font-family: monospace; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; }
article pre code { background: none !important; border: none !important; padding: 0 !important; color: #A8D8DC; font-family: 'Courier New', Consolas, monospace; font-size: 13.5px; line-height: 1.85; display: block; direction: ltr; text-align: left; white-space: pre; }
article code:not(pre code) { background: #0F6B7316; border: 1px solid #0F6B7328; border-radius: 4px; padding: 1px 6px; font-family: 'Courier New', Consolas, monospace; font-size: 13px; color: #0A5060; direction: ltr; unicode-bidi: isolate; display: inline; white-space: nowrap; }
.code-copy-btn { position: absolute; top: 8px; left: 10px; background: #1E3035; border: 1px solid #2A4048; color: #6AACB5; border-radius: 6px; padding: 4px 10px; font-size: 11px; cursor: pointer; font-family: Vazirmatn, sans-serif; z-index: 1; transition: all 0.15s; line-height: 1.4; }
.code-copy-btn:hover { background: #2A4048; color: #A8D8DC; }
article ul { padding-right: 0; list-style: none; margin: 16px 0 24px; display: grid; gap: 6px; }
article ul li { position: relative; padding-right: 22px; color: #263238; line-height: 1.9; }
article ul li::before { content: '›'; position: absolute; right: 4px; color: #0F6B73; font-weight: 900; font-size: 17px; line-height: 1.6; }
article ol { padding-right: 0; counter-reset: art-counter; list-style: none; margin: 16px 0 24px; display: grid; gap: 8px; }
article ol li { counter-increment: art-counter; position: relative; padding-right: 38px; color: #263238; line-height: 1.9; padding-top: 2px; }
article ol li::before { content: counter(art-counter); position: absolute; right: 0; top: 2px; width: 24px; height: 24px; background: #0F6B73; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
article ul li code, article ol li code { font-size: 12px; }
article ul li strong, article ol li strong { color: #0A5060; }
article .ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Inter, Arial, sans-serif; letter-spacing: 0; }
article .metric-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 12px; margin: 28px 0; }
article .metric-card { background: #fff; border: 1px solid #E4DDD2; border-top: 3px solid #0F6B73; border-radius: 10px; padding: 14px 16px; }
article .metric-value { color: #0F6B73; font-weight: 900; font-size: 22px; line-height: 1.2; }
article .metric-label { color: #5F6B6D; font-size: 12px; line-height: 1.7; margin-top: 6px; }
article table { width: 100%; border-collapse: collapse; margin: 24px 0; background: #fff; border: 1px solid #E4DDD2; border-radius: 10px; overflow: hidden; display: block; max-width: 100%; overflow-x: auto; }
article th, article td { border-bottom: 1px solid #E4DDD2; padding: 12px 14px; text-align: right; vertical-align: top; min-width: 130px; }
article th { background: #F4EFE6; color: #263238; font-weight: 800; }
article tr:last-child td { border-bottom: 0; }
article .comparison-template { background: #fffaf1; border: 1px solid #E4DDD2; border-radius: 12px; padding: 18px; margin: 24px 0; }
article .risk-box { background: #C46A4D10; border: 1px solid #C46A4D35; border-radius: 12px; padding: 18px 22px; margin: 28px 0; }
article .agent-steps { counter-reset: agentStep; display: grid; gap: 10px; margin: 24px 0; }
article .agent-step { counter-increment: agentStep; background: #fff; border: 1px solid #E4DDD2; border-radius: 10px; padding: 14px 48px 14px 16px; position: relative; }
article .agent-step::before { content: counter(agentStep); position: absolute; top: 14px; right: 14px; width: 24px; height: 24px; border-radius: 50%; background: #0F6B73; color: #fff; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.article-diagram-card { background: linear-gradient(135deg,#F4EFE6 0%,#FFFFFF 100%); border: 1px solid #E4DDD2; border-radius: 12px; padding: 22px; overflow: hidden; box-shadow: 0 12px 34px rgba(15,42,46,0.06); }
.tekrag-diagram-card { background: #FAFAFA; border: 1px solid #E8E8E8; border-radius: 8px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.insight-box { background: #0F6B7310; border: 1px solid #0F6B7330; border-radius: 10px; padding: 20px 24px; margin: 28px 0; }
.insight-box .insight-title { font-size: 13px; font-weight: 700; color: #0F6B73; margin-bottom: 8px; }
.insight-box p { margin: 0; font-size: 14px; line-height: 1.8; }
.footnote-box { background: #F4EFE6; border-radius: 8px; padding: 16px 20px; margin-top: 32px; font-size: 12px; color: #5F6B6D; line-height: 1.7; }
.cve-summary-card { background: linear-gradient(135deg, #EEF6F7 0%, #E8F3F4 100%); border: 1px solid rgba(15,107,115,0.18); border-radius: 12px; padding: 20px 24px; margin: 0 0 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 16px; direction: rtl; }
.cve-summary-card .cve-item { display: flex; flex-direction: column; gap: 5px; border-left: 1px solid rgba(15,107,115,0.15); padding-left: 16px; }
.cve-summary-card .cve-item:last-child { border-left: none; padding-left: 0; }
.cve-summary-card .cve-label { font-size: 10px; color: #0F6B73; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.cve-summary-card .cve-value { font-size: 14px; font-weight: 800; color: #1A3035; }
.cve-summary-card .cve-score { font-size: 28px; font-weight: 900; color: #C0392B; line-height: 1; }
.cve-summary-card .cve-critical { color: #C0392B; }
.cve-summary-card .cve-patched { color: #1A7A50; font-size: 13px; }
.security-alert { background: #C94C4D0A; border: 1px solid #C94C4D30; border-right: 4px solid #C94C4D; border-radius: 0 10px 10px 0; padding: 16px 20px; margin: 28px 0; }
.security-alert .alert-title { font-size: 13px; font-weight: 800; color: #C94C4D; margin-bottom: 6px; }
.security-alert p, .security-alert li { font-size: 14px; line-height: 1.8; color: #3A1A1A; margin: 0; }
@media (max-width: 640px) {
article pre {
padding: 32px 12px 12px !important;
margin: 20px 0 !important;
font-size: 12px !important;
max-width: calc(100vw - 32px) !important;
}
article code:not(pre code) {
font-size: 11px !important;
padding: 1px 4px !important;
word-break: break-all !important;
}
.cve-summary-card {
grid-template-columns: 1fr !important;
padding: 16px !important;
gap: 12px !important;
}
.cve-summary-card .cve-item {
border-left: none !important;
border-bottom: 1px solid rgba(15,107,115,0.15) !important;
padding-left: 0 !important;
padding-bottom: 12px !important;
}
.cve-summary-card .cve-item:last-child {
border-bottom: none !important;
padding-bottom: 0 !important;
}
article table { font-size: 13px !important; }
article table td, article table th { padding: 6px 8px !important; min-width: 80px !important; }
article .metric-grid { grid-template-columns: 1fr !important; }
article .lead { font-size: 16px !important; padding: 16px !important; }
}
</style>
<link href="https://www.teknav.ir/articles" hreflang="fa" rel="alternate"/>
<script data-teknav-seo="jsonld" type="application/ld+json">
{"@context":"https://schema.org","@graph":[{"@type":["Organization","NewsMediaOrganization"],"@id":"https://www.teknav.ir/#organization","name":"تکناو","alternateName":["Teknav","تکنّاو"],"url":"https://www.teknav.ir","description":"تکناو رسانه فارسی تحلیل فناوری، هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده تکنولوژی است.","logo":{"@type":"ImageObject","@id":"https://www.teknav.ir/#logo","url":"https://www.teknav.ir/favicon.png","width":{"@type":"QuantitativeValue","value":512},"height":{"@type":"QuantitativeValue","value":512},"caption":"تکناو - رسانه فارسی فناوری"},"image":{"@id":"https://www.teknav.ir/#logo"},"publishingPrinciples":"https://www.teknav.ir/about","masthead":"https://www.teknav.ir/authors","areaServed":{"@type":"Country","name":"Iran"},"audience":{"@type":"Audience","audienceType":"فارسی‌زبانان علاقه‌مند به فناوری"},"sameAs":["https://twitter.com/teknavir","https://x.com/teknavir","https://linkedin.com/company/teknav"],"contactPoint":{"@type":"ContactPoint","email":"info@teknav.ir","contactType":"customer service","availableLanguage":{"@type":"Language","name":"Persian"}}},{"@type":"WebSite","@id":"https://www.teknav.ir/#website","url":"https://www.teknav.ir","name":"تکناو","alternateName":"Teknav","description":"تکناو رسانه فارسی تحلیل فناوری، هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده تکنولوژی است.","inLanguage":"fa-IR","publisher":{"@id":"https://www.teknav.ir/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.teknav.ir/search?q={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"CollectionPage","name":"مقاله‌های فناوری تکناو","url":"https://www.teknav.ir/articles","inLanguage":"fa-IR"}]}
</script>
</head>
<body>
<div class="hidden" id="loading">
<div style="font-size:36px;font-weight:900;color:#0F6B73;margin-bottom:8px">
تکناو
</div>
<div style="font-size:11px;color:#5F6B6D;letter-spacing:0.15em;margin-bottom:24px">
TEKNAV
</div>
<div style="width:40px;height:3px;background:#E4DDD2;border-radius:2px;overflow:hidden">
<div id="loading-bar" style="height: 100%; width: 100%; background: rgb(15, 107, 115); border-radius: 2px; transition: width 0.3s;">
</div>
</div>
</div>
<section aria-label="محتوای اصلی صفحه" class="static-fallback" id="static-fallback">
<main class="static-fallback__inner">
<p class="static-fallback__eyebrow">
تکناو
</p>
<h1>
مقاله‌های فناوری
</h1>
<p class="static-fallback__lead">
آرشیو مقاله‌های فارسی تکناو درباره هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده فناوری.
</p>
<ul class="static-fallback__facts">
<li>
<strong>
زبان
</strong>
<span>
فارسی
</span>
</li>
<li>
<strong>
نشانی
</strong>
<span>
https://www.teknav.ir/articles
</span>
</li>
</ul>
<ul class="static-fallback__links">
<li>
<a href="/">
تکناو
</a>
<span>
صفحه اصلی
</span>
</li>
<li>
<a href="/articles">
مقاله‌های فناوری
</a>
<span>
آرشیو تحلیل‌ها
</span>
</li>
<li>
<a href="/authors">
نویسندگان تکناو
</a>
<span>
پروفایل نویسندگان
</span>
</li>
</ul>
<article class="static-fallback__article">
<h2>
بررسی جامع مقاله‌های فناوری
</h2>
<p>
تکناو به عنوان پیشگام در ارائه محتوای تخصصی، عمیق‌ترین تحلیل‌ها را در حوزه مقاله‌های فناوری ارائه می‌دهد.
ما معتقدیم که دسترسی به اطلاعات دقیق و علمی در این زمینه می‌تواند به توسعه فردی و سازمانی کمک شایانی کند.
در این بخش شما به مجموعه‌ای بی‌نظیر از مقالات، بررسی‌های فنی، و روندهای آینده دسترسی خواهید داشت که توسط متخصصان و مهندسان ارشد تکناو گردآوری شده است.
</p>
<p>
هدف اصلی ما ایجاد یک پایگاه دانش غنی برای جامعه فارسی‌زبان است تا در مواجهه با چالش‌های دنیای مدرن تکنولوژی همواره به‌روز و آماده باشند.
موضوعاتی مانند معماری سیستم‌ها، الگوهای طراحی مدرن، امنیت زیرساخت و توسعه پایدار همواره مورد توجه ویژه تیم تحریریه قرار دارد.
</p>
<p>
توصیه می‌کنیم مقالات این بخش را به دقت مطالعه کرده و برای درک بهتر مفاهیم، از فرهنگ واژگان تکناو و ابزارهای توسعه‌دهندگان ما استفاده کنید.
</p>
</article>
</main>
</section>
<div id="root">
<header role="banner" style="position: fixed; top: 0px; right: 0px; left: 0px; z-index: 100; direction: rtl; background: rgba(250, 247, 240, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgb(228, 221, 210); transition: 0.3s;">
<div class="site-header-inner" style="max-width: 1280px; margin: 0px auto; padding: 0px 24px; display: flex; align-items: center; height: 64px; gap: 32px;">
<button aria-label="خانه تکناو" style="background: none; border: none; cursor: pointer; display: flex; flex-direction: column; line-height: 1;">
<span style="font-size: 22px; font-weight: 900; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; letter-spacing: -0.02em;">
تکناو
</span>
<span style="font-size: 9px; color: rgb(95, 107, 109); letter-spacing: 0.15em; font-family: sans-serif;">
TEKNAV
</span>
</button>
<nav aria-label="منوی اصلی" class="desktop-nav" role="navigation" style="display: flex; gap: 0px; flex: 1 1 0%; overflow-x: auto;">
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
خانه
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
هوش مصنوعی
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
علم داده
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
استارتاپ
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
امنیت
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
سخت‌افزار
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
نرم‌افزار
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
آینده فناوری
</button>
<button style="background: none; border-top: none; border-right: none; border-bottom: 2px solid transparent; border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(38, 50, 56); font-weight: 400; transition: 0.15s;">
نویسندگان
</button>
</nav>
<div class="site-header-actions" style="display: flex; align-items: center; gap: 8px;">
<button aria-expanded="false" aria-label="جستجو در تکناو" style="background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; transition: background 0.15s;">
<svg aria-hidden="true" fill="none" height="18" stroke="#263238" stroke-width="2" viewbox="0 0 24 24" width="18">
<circle cx="11" cy="11" r="8">
</circle>
<path d="m21 21-4.35-4.35">
</path>
</svg>
</button>
<button aria-label="ورود یا ثبت‌نام در تکناو" style="border: none; cursor: pointer; padding: 8px 18px; border-radius: 8px; font-size: 13px; font-family: Vazirmatn, sans-serif; font-weight: 600; transition: 0.15s; display: inline-flex; align-items: center; gap: 6px; background: rgb(196, 106, 77); color: rgb(255, 255, 255);">
ورود / ثبت‌نام
</button>
<button aria-expanded="false" aria-label="باز کردن منوی موبایل" class="mobile-menu-btn" style="background: none; border: none; cursor: pointer; display: none; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; transition: background 0.15s;">
<svg aria-hidden="true" fill="none" height="20" stroke="#263238" stroke-width="2" viewbox="0 0 24 24" width="20">
<path d="M3 12h18M3 6h18M3 18h18">
</path>
</svg>
</button>
</div>
</div>
</header>
<style>
.desktop-nav { display: flex !important; }
.mobile-menu-btn { display: none !important; }
@media (max-width: 768px) {
.desktop-nav { display: none !important; }
.mobile-menu-btn { display: flex !important; }
}
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
* { box-sizing: border-box; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #FAF7F0; }
::-webkit-scrollbar-thumb { background: #E4DDD2; border-radius: 3px; }
</style>
<main>
<div class="article-list-page" style="padding-top: 80px; background: rgb(250, 247, 240); min-height: 100vh; font-family: Vazirmatn, sans-serif;">
<div class="article-list-inner" style="max-width: 1000px; margin: 0px auto; padding: 0px 24px;">
<div class="article-list-head" style="direction: rtl; padding: 32px 0px 0px;">
<h1 style="font-size: 28px; font-weight: 900; color: rgb(38, 50, 56); margin: 0px 0px 4px;">
همه مقاله‌ها
</h1>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 28px;">
77 مقاله یافت شد
</p>
<form class="article-search-form" style="display: flex; gap: 10px; margin-bottom: 24px;">
<input dir="rtl" placeholder="جستجو در عنوان، خلاصه، نویسنده..." style="flex: 1 1 0%; border: 1px solid rgb(228, 221, 210); border-radius: 8px; padding: 9px 14px; font-size: 13px; font-family: Vazirmatn, sans-serif; background: rgb(255, 255, 255); color: rgb(38, 50, 56); outline: none; width: 100%;" value=""/>
<button style="border: none; cursor: pointer; padding: 8px 18px; border-radius: 8px; font-size: 13px; font-family: Vazirmatn, sans-serif; font-weight: 600; transition: 0.15s; display: inline-flex; align-items: center; gap: 6px; background: rgb(15, 107, 115); color: rgb(255, 255, 255);" type="submit">
جستجو
</button>
</form>
</div>
<div class="filter-bar" style="direction: rtl; margin-bottom: 32px; display: flex; flex-direction: column; gap: 12px;">
<div class="filter-chip-row" style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">
<span style="font-size: 12px; color: rgb(95, 107, 109); white-space: nowrap;">
دسته:
</span>
<button style="border: 1.5px solid rgb(15, 107, 115); background: rgba(15, 107, 115, 0.07); color: rgb(15, 107, 115); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 700; transition: 0.15s; white-space: nowrap;">
همه
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
هوش مصنوعی
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
علم داده
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
استارتاپ
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
امنیت سایبری
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
سخت‌افزار
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
نرم‌افزار
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
آینده فناوری
</button>
</div>
<div class="filter-chip-row" style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">
<span style="font-size: 12px; color: rgb(95, 107, 109); white-space: nowrap;">
نوع:
</span>
<button style="border: 1.5px solid rgb(15, 107, 115); background: rgba(15, 107, 115, 0.07); color: rgb(15, 107, 115); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 700; transition: 0.15s; white-space: nowrap;">
همه
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
تحلیل عمیق
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
راهنمای فنی
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
داده‌نما
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
پژوهش
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
راستی‌آزمایی‌شده
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
پرونده
</button>
</div>
<div class="filter-chip-row" style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
<div style="display: flex; gap: 8px; align-items: center;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
مرتب‌سازی:
</span>
<button style="border: 1.5px solid rgb(15, 107, 115); background: rgba(15, 107, 115, 0.07); color: rgb(15, 107, 115); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 700; transition: 0.15s; white-space: nowrap;">
جدیدترین
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
پربازدیدترین
</button>
<button style="border: 1px solid rgb(228, 221, 210); background: rgb(255, 255, 255); color: rgb(95, 107, 109); padding: 5px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; font-family: Vazirmatn, sans-serif; font-weight: 400; transition: 0.15s; white-space: nowrap;">
زمان مطالعه
</button>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s, transform 0.4s;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۴/۲۴
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
تحلیل امنیتی
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(47, 143, 107, 0.094); color: rgb(47, 143, 107); border: 1px solid rgba(47, 143, 107, 0.19);">
امنیت سایبری
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
بحران هویت مصنوعی: وقتی چهره و صدا دیگر سند نیستند
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
دیپ‌فیک، دورزدن بیومتریک و پاسخ صنعت از Liveness لایه‌ای تا C2PA
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
آرسام صباغ
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
دیپ‌فیک اکنون عامل حدود ۴۰ درصد تقلب‌های بیومتریک جهان است. تشریح تکنیک‌های حمله، پرونده‌های واقعی و راهکارهای دفاعی ۲۰۲۶.
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
تحلیل امنیتی
</span>
<span>
·
</span>
<span>
13 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Deepfake
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Biometric Security
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 400 300" width="100%">
<circle cx="200" cy="150" fill="none" r="55" stroke="#2F8F6B" stroke-dasharray="8 4" stroke-width="2.5" style="animation: 20s linear 0s infinite normal none running spin; transform-origin: 200px 150px;">
</circle>
<rect fill="#20343A" height="56" rx="6" width="44" x="178" y="122">
</rect>
<rect fill="#0F6B73" height="6" rx="2" width="32" x="184" y="128">
</rect>
<rect fill="#0F6B73" height="6" rx="2" width="32" x="184" y="138">
</rect>
<rect fill="#0F6B73" height="6" rx="2" width="32" x="184" y="148">
</rect>
<circle cx="212" cy="166" fill="#2F8F6B" r="3">
</circle>
<text fill="#5F6B6D" font-size="9" text-anchor="middle" x="200" y="192">
سرور مرکزی
</text>
<g style="cursor: pointer;">
<line opacity="0.7" stroke="#C94C4C" stroke-dasharray="6 3" stroke-width="1" x1="255" x2="290" y1="150" y2="150">
</line>
<circle cx="290" cy="150" fill="#C94C4C" opacity="0.75" r="8" style="transition: 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<line opacity="0.7" stroke="#D08A22" stroke-dasharray="6 3" stroke-width="1" x1="227.5" x2="245" y1="197.6313972081441" y2="227.94228634059948">
</line>
<circle cx="245" cy="227.94228634059948" fill="#D08A22" opacity="0.75" r="8" style="transition: 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<line opacity="0.7" stroke="#C76D4A" stroke-dasharray="6 3" stroke-width="1" x1="172.5" x2="155.00000000000003" y1="197.63139720814414" y2="227.94228634059948">
</line>
<circle cx="155.00000000000003" cy="227.94228634059948" fill="#C76D4A" opacity="0.75" r="8" style="transition: 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<line opacity="0.7" stroke="#C94C4C" stroke-dasharray="3 6" stroke-width="1" x1="145" x2="110" y1="150" y2="150">
</line>
<circle cx="110" cy="150" fill="#C94C4C" opacity="0.75" r="8" style="transition: 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<line opacity="0.7" stroke="#D08A22" stroke-dasharray="3 6" stroke-width="1" x1="172.49999999999997" x2="154.99999999999994" y1="102.36860279185589" y2="72.05771365940055">
</line>
<circle cx="154.99999999999994" cy="72.05771365940055" fill="#D08A22" opacity="0.75" r="8" style="transition: 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<line opacity="0.7" stroke="#C76D4A" stroke-dasharray="6 3" stroke-width="1" x1="227.5" x2="245" y1="102.36860279185588" y2="72.05771365940052">
</line>
<circle cx="245" cy="72.05771365940052" fill="#C76D4A" opacity="0.75" r="8" style="transition: 0.15s;">
</circle>
</g>
<style>
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
</style>
</svg>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s 60ms, transform 0.4s 60ms;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۴/۲۰
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
آموزشی
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(15, 107, 115, 0.094); color: rgb(15, 107, 115); border: 1px solid rgba(15, 107, 115, 0.19);">
هوش مصنوعی
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
Gemma 4 12B و عصر هوش مصنوعی روی دستگاه: راهنمای کامل
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
مدل چندوجهی وزن‌باز گوگل که با ۱۶ گیگابایت RAM روی لپ‌تاپ اجرا می‌شود
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
آرسام صباغ
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
Gemma 4 12B با پنجره ۱۲۸هزار توکنی و درک بومی صدا و تصویر، هوش مصنوعی جدی را بدون ابر به لپ‌تاپ شما می‌آورد — و برای توسعه‌دهنده ایرانی معنایی فراتر از صرفه‌جویی دارد.
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
آموزشی
</span>
<span>
·
</span>
<span>
12 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Gemma 4
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
On-Device AI
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 420 280" width="100%">
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="80" y2="100">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="80" y2="155">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="80" y2="210">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="130" y2="100">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="130" y2="155">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="130" y2="210">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="180" y2="100">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="180" y2="155">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="180" y2="210">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="230" y2="100">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="230" y2="155">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="60" x2="160" y1="230" y2="210">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="100" y2="110">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="100" y2="165">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="100" y2="220">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="155" y2="110">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="155" y2="165">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="155" y2="220">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="210" y2="110">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="210" y2="165">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="160" x2="260" y1="210" y2="220">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="260" x2="360" y1="110" y2="140">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="260" x2="360" y1="110" y2="195">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="260" x2="360" y1="165" y2="140">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="260" x2="360" y1="165" y2="195">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="260" x2="360" y1="220" y2="140">
</line>
<line opacity="0.6" stroke="#E4DDD2" stroke-width="1" x1="260" x2="360" y1="220" y2="195">
</line>
<circle cx="75" cy="99.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="65" cy="131.25" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="90" cy="154" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="80" cy="175" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="105" cy="193.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="70" cy="217" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="95" cy="203.75" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="120" cy="218" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="160" cy="100" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="185" cy="116.25" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="210" cy="160" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="175" cy="148.25" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="200" cy="159" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="225" cy="197.25" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="190" cy="180" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="215" cy="185.25" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="240" cy="218" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="295" cy="120.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="320" cy="161" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="310" cy="152.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="335" cy="187.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="325" cy="168" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="350" cy="197.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<g style="cursor: pointer;">
<circle cx="60" cy="80" fill="#0F6B73" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="60" cy="130" fill="#0F6B73" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="60" cy="180" fill="#0F6B73" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="60" cy="230" fill="#0F6B73" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="160" cy="100" fill="#D49A2A" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="160" cy="155" fill="#D49A2A" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="160" cy="210" fill="#D49A2A" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="260" cy="110" fill="#C76D4A" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="260" cy="165" fill="#C76D4A" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="260" cy="220" fill="#C76D4A" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="360" cy="140" fill="#2F8F6B" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<g style="cursor: pointer;">
<circle cx="360" cy="195" fill="#2F8F6B" opacity="0.85" r="10" style="transition: r 0.15s;">
</circle>
</g>
<text fill="#5F6B6D" font-size="9" text-anchor="middle" x="60" y="272">
لایه ورودی
</text>
<text fill="#5F6B6D" font-size="9" text-anchor="middle" x="160" y="272">
لایه پنهان ۱
</text>
<text fill="#5F6B6D" font-size="9" text-anchor="middle" x="260" y="272">
لایه توجه
</text>
<text fill="#5F6B6D" font-size="9" text-anchor="middle" x="360" y="272">
خروجی مدل
</text>
</svg>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s 120ms, transform 0.4s 120ms;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۴/۱۷
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
تحلیل اقتصادی
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(199, 109, 74, 0.094); color: rgb(199, 109, 74); border: 1px solid rgba(199, 109, 74, 0.19);">
استارتاپ و کسب‌وکار
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
پارادوکس ۲۰۲۶: رکورد بازار سهام در میانه بزرگ‌ترین موج اخراج فناوری
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
۱۲۸ هزار اخراج مرتبط با AI در شش ماه — و بازاری که برای آن جایزه می‌دهد
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
آرسام صباغ
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
اخراج‌های مرتبط با هوش مصنوعی در نیمه نخست ۲۰۲۶ از کل سال ۲۰۲۵ فراتر رفت؛ هم‌زمان سهم هفت غول فناوری از S&amp;P 500 به ۴۰ درصد رسید. کالبدشکافی منطق تازه صنعت.
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
تحلیل اقتصادی
</span>
<span>
·
</span>
<span>
11 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
AI Layoffs
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Magnificent Seven
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 480 160" width="100%">
<defs>
<lineargradient id="wg0" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#D49A2A" stop-opacity="0">
</stop>
<stop offset="30%" stop-color="#D49A2A" stop-opacity="0.9">
</stop>
<stop offset="70%" stop-color="#D49A2A" stop-opacity="0.9">
</stop>
<stop offset="100%" stop-color="#D49A2A" stop-opacity="0">
</stop>
</lineargradient>
<lineargradient id="wg1" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#C46A4D" stop-opacity="0">
</stop>
<stop offset="30%" stop-color="#C46A4D" stop-opacity="0.9">
</stop>
<stop offset="70%" stop-color="#C46A4D" stop-opacity="0.9">
</stop>
<stop offset="100%" stop-color="#C46A4D" stop-opacity="0">
</stop>
</lineargradient>
<lineargradient id="wg2" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#2F8F6B" stop-opacity="0">
</stop>
<stop offset="30%" stop-color="#2F8F6B" stop-opacity="0.9">
</stop>
<stop offset="70%" stop-color="#2F8F6B" stop-opacity="0.9">
</stop>
<stop offset="100%" stop-color="#2F8F6B" stop-opacity="0">
</stop>
</lineargradient>
</defs>
<g>
<path d="M0.0,30.5 L8.1,34.4 L16.3,38.8 L24.4,43.5 L32.5,48.5 L40.7,53.5 L48.8,58.4 L56.9,63.0 L65.1,67.2 L73.2,70.9 L81.4,73.9 L89.5,76.1 L97.6,77.5 L105.8,78.0 L113.9,77.6 L122.0,76.4 L130.2,74.3 L138.3,71.4 L146.4,67.8 L154.6,63.7 L162.7,59.1 L170.8,54.3 L179.0,49.3 L187.1,44.3 L195.3,39.5 L203.4,35.0 L211.5,31.1 L219.7,27.7 L227.8,25.0 L235.9,23.2 L244.1,22.2 L252.2,22.1 L260.3,22.8 L268.5,24.5 L276.6,26.9 L284.7,30.1 L292.9,34.0 L301.0,38.3 L309.2,43.0 L317.3,48.0 L325.4,53.0 L333.6,57.9 L341.7,62.5 L349.8,66.8 L358.0,70.5 L366.1,73.6 L374.2,75.9 L382.4,77.4 L390.5,78.0 L398.6,77.7 L406.8,76.5 L414.9,74.5 L423.1,71.7 L431.2,68.2 L439.3,64.1 L447.5,59.6 L455.6,54.8 L463.7,49.8 L471.9,44.8 L480.0,40.0" fill="none" stroke="url(#wg0)" stroke-width="2.5">
</path>
<circle cx="406.8" cy="76.52470642558971" fill="#D49A2A" opacity="0.9" r="4">
</circle>
</g>
<g>
<path d="M0.0,98.3 L8.1,101.5 L16.3,103.8 L24.4,104.9 L32.5,104.8 L40.7,103.6 L48.8,101.2 L56.9,97.9 L65.1,93.9 L73.2,89.3 L81.4,84.4 L89.5,79.6 L97.6,75.1 L105.8,71.2 L113.9,68.1 L122.0,66.0 L130.2,65.1 L138.3,65.3 L146.4,66.7 L154.6,69.1 L162.7,72.6 L170.8,76.7 L179.0,81.4 L187.1,86.2 L195.3,91.0 L203.4,95.4 L211.5,99.2 L219.7,102.2 L227.8,104.2 L235.9,105.0 L244.1,104.6 L252.2,103.1 L260.3,100.5 L268.5,96.9 L276.6,92.7 L284.7,88.0 L292.9,83.2 L301.0,78.4 L309.2,74.0 L317.3,70.3 L325.4,67.5 L333.6,65.7 L341.7,65.0 L349.8,65.5 L358.0,67.2 L366.1,69.9 L374.2,73.6 L382.4,77.9 L390.5,82.6 L398.6,87.5 L406.8,92.2 L414.9,96.5 L423.1,100.1 L431.2,102.8 L439.3,104.5 L447.5,105.0 L455.6,104.3 L463.7,102.5 L471.9,99.6 L480.0,95.9" fill="none" stroke="url(#wg1)" stroke-width="2.5">
</path>
<circle cx="6.800000000000011" cy="101.08537674690942" fill="#C46A4D" opacity="0.9" r="4">
</circle>
</g>
<g>
<path d="M0.0,139.0 L8.1,136.6 L16.3,133.9 L24.4,130.9 L32.5,127.7 L40.7,124.3 L48.8,120.8 L56.9,117.3 L65.1,113.8 L73.2,110.5 L81.4,107.4 L89.5,104.5 L97.6,102.0 L105.8,99.9 L113.9,98.2 L122.0,97.0 L130.2,96.2 L138.3,96.0 L146.4,96.3 L154.6,97.1 L162.7,98.4 L170.8,100.1 L179.0,102.3 L187.1,104.8 L195.3,107.7 L203.4,110.8 L211.5,114.2 L219.7,117.6 L227.8,121.1 L235.9,124.6 L244.1,128.0 L252.2,131.2 L260.3,134.2 L268.5,136.9 L276.6,139.2 L284.7,141.1 L292.9,142.5 L301.0,143.5 L309.2,144.0 L317.3,143.9 L325.4,143.3 L333.6,142.3 L341.7,140.7 L349.8,138.8 L358.0,136.4 L366.1,133.6 L374.2,130.6 L382.4,127.4 L390.5,123.9 L398.6,120.4 L406.8,116.9 L414.9,113.5 L423.1,110.2 L431.2,107.1 L439.3,104.3 L447.5,101.8 L455.6,99.7 L463.7,98.1 L471.9,96.9 L480.0,96.2" fill="none" stroke="url(#wg2)" stroke-width="2.5">
</path>
<circle cx="86.79999999999995" cy="105.45162790413721" fill="#2F8F6B" opacity="0.9" r="4">
</circle>
</g>
<text fill="#5F6B6D" font-size="9" text-anchor="middle" x="240" y="156">
جریان داده در شبکه
</text>
</svg>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s 180ms, transform 0.4s 180ms;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۴/۱۳
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
تحلیل استراتژیک
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(95, 107, 109, 0.094); color: rgb(95, 107, 109); border: 1px solid rgba(95, 107, 109, 0.19);">
سخت‌افزار
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
جنگ GPU: وقتی قدرت محاسباتی سلاح می‌شود
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
از سهمیه‌بندی Gemini برای متا تا تولد Meta Compute — نقشه جدید قدرت در ۲۰۲۶
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
آرسام صباغ
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
گوگل دسترسی متا به زیرساخت Gemini را محدود کرد و متا در پاسخ، ابر اختصاصی خود را می‌سازد. تحلیل تسلیحاتی‌شدن compute و درسی که اکوسیستم ایران زودتر از همه آموخت.
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
تحلیل استراتژیک
</span>
<span>
·
</span>
<span>
12 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
GPU
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Compute War
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 420 200" width="100%">
<rect fill="#FAF7F0" height="200" rx="12" width="420" x="0" y="0">
</rect>
<ellipse cx="210" cy="140" fill="none" opacity="0.6" rx="190" ry="100" stroke="#E4DDD2" stroke-dasharray="6 4" stroke-width="1">
</ellipse>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="100" x2="200" y1="80" y2="60">
</line>
<circle cx="193.5" cy="61.300000000000004" fill="#0F6B73" opacity="0.85" r="3.5">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="100" x2="80" y1="80" y2="180">
</line>
<circle cx="97.30000000000001" cy="93.49999999999997" fill="#0F6B73" opacity="0.85" r="3.5">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="200" x2="310" y1="60" y2="80">
</line>
<circle cx="236.85" cy="66.7" fill="#D49A2A" opacity="0.85" r="3.5">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="200" x2="200" y1="60" y2="190">
</line>
<circle cx="200" cy="129.55" fill="#D49A2A" opacity="0.85" r="3.5">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="310" x2="330" y1="80" y2="180">
</line>
<circle cx="324.7" cy="153.5" fill="#C76D4A" opacity="0.85" r="3.5">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="80" x2="200" y1="180" y2="190">
</line>
<circle cx="192.19999999999996" cy="189.35" fill="#2F8F6B" opacity="0.85" r="3.5">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="200" x2="330" y1="190" y2="180">
</line>
<circle cx="217.54999999999998" cy="188.65" fill="#5F6B6D" opacity="0.85" r="3.5">
</circle>
</g>
<g>
<circle cx="100" cy="80" fill="#0F6B73" opacity="0.15" r="20" stroke="#0F6B73" stroke-width="2">
</circle>
<text fill="#0F6B73" font-size="9" font-weight="700" text-anchor="middle" x="100" y="84">
US
</text>
</g>
<g>
<circle cx="200" cy="60" fill="#D49A2A" opacity="0.15" r="20" stroke="#D49A2A" stroke-width="2">
</circle>
<text fill="#D49A2A" font-size="9" font-weight="700" text-anchor="middle" x="200" y="64">
EU
</text>
</g>
<g>
<circle cx="310" cy="80" fill="#C76D4A" opacity="0.15" r="20" stroke="#C76D4A" stroke-width="2">
</circle>
<text fill="#C76D4A" font-size="9" font-weight="700" text-anchor="middle" x="310" y="84">
China
</text>
</g>
<g>
<circle cx="80" cy="180" fill="#2F8F6B" opacity="0.15" r="20" stroke="#2F8F6B" stroke-width="2">
</circle>
<text fill="#2F8F6B" font-size="9" font-weight="700" text-anchor="middle" x="80" y="184">
India
</text>
</g>
<g>
<circle cx="200" cy="190" fill="#5F6B6D" opacity="0.15" r="20" stroke="#5F6B6D" stroke-width="2">
</circle>
<text fill="#5F6B6D" font-size="9" font-weight="700" text-anchor="middle" x="200" y="194">
MENA
</text>
</g>
<g>
<circle cx="330" cy="180" fill="#0F6B73" opacity="0.15" r="20" stroke="#0F6B73" stroke-width="2">
</circle>
<text fill="#0F6B73" font-size="9" font-weight="700" text-anchor="middle" x="330" y="184">
APAC
</text>
</g>
<text fill="#5F6B6D" font-size="10" text-anchor="middle" x="210" y="186">
Geopolitical AI Ecosystem
</text>
</svg>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s 240ms, transform 0.4s 240ms;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۳/۱۳
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
تحلیل فنی
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(15, 107, 115, 0.094); color: rgb(15, 107, 115); border: 1px solid rgba(15, 107, 115, 0.19);">
نرم‌افزار
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
اجبار Rust در Ladybird: بلوغ صنعتی به سمت ایمنی حافظه
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
چرا مرورگر مستقل Ladybird تمام کدهای جدید را به Rust محدود کرد
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
آرسام صباغ
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
پروژه مرورگر Ladybird با الزامی‌کردن Rust برای تمام کدهای جدید، یک الگوی مهم برای صنعت نرم‌افزار ایجاد کرده است.
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
تحلیل فنی
</span>
<span>
·
</span>
<span>
12 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Rust
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Ladybird
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 420 200" width="100%">
<rect fill="#FAF7F0" height="200" rx="12" width="420" x="0" y="0">
</rect>
<text fill="#263238" font-size="11" font-weight="700" text-anchor="middle" x="210" y="22">
Memory Safety — Rust Ownership
</text>
<g>
<rect fill="#2F8F6B" height="54.08284419368991" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="30" y="85.91715580631009">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="60" y="82.91715580631009">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="60" y="160">
Stack
</text>
</g>
<g>
<rect fill="#2F8F6B" height="63.58643853492801" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="110" y="76.413561465072">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="140" y="73.413561465072">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="140" y="160">
Heap A
</text>
</g>
<g>
<rect fill="#C76D4A" height="69.792677826862" opacity="0.2" rx="4" stroke="#C76D4A" stroke-width="2" width="60" x="190" y="70.207322173138">
</rect>
<text fill="#C76D4A" font-size="8" font-weight="700" text-anchor="middle" x="220" y="67.207322173138">
✗
</text>
<text fill="#C76D4A" font-size="8" text-anchor="middle" x="220" y="160">
Heap B
</text>
</g>
<g>
<rect fill="#2F8F6B" height="66.99557428602668" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="270" y="73.00442571397332">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="300" y="70.00442571397332">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="300" y="160">
Heap C
</text>
</g>
<g>
<rect fill="#2F8F6B" height="57.76677200836216" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="350" y="82.23322799163785">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="380" y="79.23322799163785">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="380" y="160">
Static
</text>
</g>
<rect fill="#C76D4A" height="20" opacity="0.1" rx="4" stroke="#C76D4A" stroke-dasharray="3 2" stroke-width="1" width="70" x="185" y="80">
</rect>
<text fill="#C76D4A" font-size="8" text-anchor="middle" x="220" y="93">
use-after-free
</text>
<line stroke="#E4DDD2" stroke-width="1.5" x1="30" x2="390" y1="145" y2="145">
</line>
</svg>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s 300ms, transform 0.4s 300ms;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۳/۱۳
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
گزارش تحلیلی
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(47, 143, 107, 0.094); color: rgb(47, 143, 107); border: 1px solid rgba(47, 143, 107, 0.19);">
امنیت سایبری
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
دعوای Adafruit در برابر Flux.ai: آزمون افشای مسئولانه در برابر ارعاب حقوقی
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
وقتی پاسخ به افشای مسئولانه، تهدید قانونی است
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
سیداحمدرضا محجوب
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
تحلیلگر ارشد امنیت سایبری و هوش مصنوعی
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
دعوای Adafruit و Flux.ai پرسشی بنیادی را مطرح می‌کند: آیا شرکت‌های AI می‌توانند با تهدید حقوقی، منتقدان را ساکت کنند؟
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
گزارش تحلیلی
</span>
<span>
·
</span>
<span>
11 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Adafruit
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Flux.ai
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 420 200" width="100%">
<rect fill="#FAF7F0" height="200" rx="12" width="420" x="0" y="0">
</rect>
<line stroke="#263238" stroke-width="3" x1="210" x2="210" y1="30" y2="160">
</line>
<line stroke="#263238" stroke-width="2" x1="210" x2="130" y1="50" y2="48.269638588018836">
</line>
<line stroke="#263238" stroke-width="2" x1="210" x2="290" y1="50" y2="71.73036141198116">
</line>
<ellipse cx="130" cy="53.269638588018836" fill="#0F6B73" opacity="0.15" rx="36" ry="14" stroke="#0F6B73" stroke-width="1.5">
</ellipse>
<text fill="#0F6B73" font-size="9" font-weight="700" text-anchor="middle" x="130" y="57.269638588018836">
AI Product
</text>
<ellipse cx="290" cy="76.73036141198116" fill="#C76D4A" opacity="0.15" rx="36" ry="14" stroke="#C76D4A" stroke-width="1.5">
</ellipse>
<text fill="#C76D4A" font-size="9" font-weight="700" text-anchor="middle" x="290" y="80.73036141198116">
Liability
</text>
<rect fill="#D49A2A" height="14" opacity="0.8" rx="2" width="20" x="200" y="160">
</rect>
<text fill="#263238" font-size="11" font-weight="700" text-anchor="middle" x="210" y="24">
AI Legal Scales
</text>
<g>
<circle cx="80" cy="140" fill="#0F6B73" opacity="0.2" r="16" stroke="#0F6B73" stroke-width="1.5">
</circle>
<text fill="#0F6B73" font-size="8" text-anchor="middle" x="80" y="144">
CEO
</text>
</g>
<g>
<circle cx="140" cy="140" fill="#2F8F6B" opacity="0.2" r="16" stroke="#2F8F6B" stroke-width="1.5">
</circle>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="140" y="144">
Product
</text>
</g>
<g>
<circle cx="200" cy="140" fill="#D49A2A" opacity="0.2" r="16" stroke="#D49A2A" stroke-width="1.5">
</circle>
<text fill="#D49A2A" font-size="8" text-anchor="middle" x="200" y="144">
Corp
</text>
</g>
</svg>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s 360ms, transform 0.4s 360ms;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۳/۱۲
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
تحلیل راهبردی
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(15, 107, 115, 0.094); color: rgb(15, 107, 115); border: 1px solid rgba(15, 107, 115, 0.19);">
هوش مصنوعی
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
مدل توزیع سه‌گانه: چرا بلاگ فنی مستقل در عصر AI زنده ماند
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
خبرنامه + شبکه اجتماعی + جستجو = رسانه مستقل پایدار
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
آرسام صباغ
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
در حالی که محتوای AI انبوه بازار را پر کرده، بلاگ‌های فنی مستقل با مدل توزیع سه‌گانه نه‌تنها زنده ماندند بلکه رشد کردند.
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
تحلیل راهبردی
</span>
<span>
·
</span>
<span>
10 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Tech Blog
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Independent Media
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 420 200" width="100%">
<rect fill="#FAF7F0" height="200" rx="12" width="420" x="0" y="0">
</rect>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="60" x2="210" y1="100" y2="70">
</line>
<circle cx="60" cy="100" fill="#D49A2A" opacity="0.85" r="3">
</circle>
</g>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="60" x2="210" y1="100" y2="130">
</line>
<circle cx="82.49999999999999" cy="104.5" fill="#D49A2A" opacity="0.85" r="3">
</circle>
</g>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="360" y1="70" y2="40">
</line>
<circle cx="254.99999999999997" cy="61.00000000000001" fill="#0F6B73" opacity="0.85" r="3">
</circle>
</g>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="360" y1="70" y2="100">
</line>
<circle cx="277.5" cy="83.5" fill="#0F6B73" opacity="0.85" r="3">
</circle>
</g>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="360" y1="70" y2="160">
</line>
<circle cx="300" cy="124" fill="#0F6B73" opacity="0.85" r="3">
</circle>
</g>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="360" y1="130" y2="40">
</line>
<circle cx="322.5" cy="62.5" fill="#2F8F6B" opacity="0.85" r="3">
</circle>
</g>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="360" y1="130" y2="100">
</line>
<circle cx="345" cy="103" fill="#2F8F6B" opacity="0.85" r="3">
</circle>
</g>
<g>
<line opacity="0.8" stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="360" y1="130" y2="160">
</line>
<circle cx="217.49999999999997" cy="131.5" fill="#2F8F6B" opacity="0.85" r="3">
</circle>
</g>
<g>
<circle cx="60" cy="100" fill="#D49A2A" opacity="0.15" r="22" stroke="#D49A2A" stroke-width="2">
</circle>
<text fill="#D49A2A" font-size="8" font-weight="700" text-anchor="middle" x="60" y="104">
نویسنده
</text>
</g>
<g>
<circle cx="210" cy="70" fill="#0F6B73" opacity="0.15" r="28" stroke="#0F6B73" stroke-width="2">
</circle>
<text fill="#0F6B73" font-size="8" font-weight="700" text-anchor="middle" x="210" y="74">
پلتفرم
</text>
</g>
<g>
<circle cx="210" cy="130" fill="#2F8F6B" opacity="0.15" r="20" stroke="#2F8F6B" stroke-width="2">
</circle>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="210" y="134">
RSS/Feed
</text>
</g>
<g>
<circle cx="360" cy="40" fill="#5F6B6D" opacity="0.15" r="16" stroke="#5F6B6D" stroke-width="2">
</circle>
<text fill="#5F6B6D" font-size="8" font-weight="700" text-anchor="middle" x="360" y="44">
خواننده ۱
</text>
</g>
<g>
<circle cx="360" cy="100" fill="#5F6B6D" opacity="0.15" r="16" stroke="#5F6B6D" stroke-width="2">
</circle>
<text fill="#5F6B6D" font-size="8" font-weight="700" text-anchor="middle" x="360" y="104">
خواننده ۲
</text>
</g>
<g>
<circle cx="360" cy="160" fill="#5F6B6D" opacity="0.15" r="16" stroke="#5F6B6D" stroke-width="2">
</circle>
<text fill="#5F6B6D" font-size="8" font-weight="700" text-anchor="middle" x="360" y="164">
خواننده ۳
</text>
</g>
<text fill="#5F6B6D" font-size="10" text-anchor="middle" x="210" y="186">
Content Distribution Network
</text>
</svg>
</div>
</div>
</div>
<div class="article-row" style="display: grid; grid-template-columns: 1fr 140px; gap: 24px; padding: 32px 0px; border-bottom: 1px solid rgb(228, 221, 210); direction: rtl; cursor: pointer; opacity: 1; transform: none; transition: opacity 0.4s 420ms, transform 0.4s 420ms;">
<div>
<div class="article-row-meta" style="display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
۱۴۰۵/۰۳/۱۲
</span>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgb(15, 107, 115); color: rgb(255, 255, 255);">
تحلیل عمیق
</span>
<span style="display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: rgba(15, 107, 115, 0.094); color: rgb(15, 107, 115); border: 1px solid rgba(15, 107, 115, 0.19);">
هوش مصنوعی
</span>
</div>
<h2 style="font-size: 19px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
همزیستی انسان-هوش مصنوعی در کشف علمی: درس‌های مشارکت در اثبات اردوش
</h2>
<div style="font-size: 14px; color: rgb(15, 107, 115); font-weight: 600; margin: 0px 0px 8px;">
مدل چهارمرحله‌ای همکاری که می‌تواند علم را متحول کند
</div>
<div style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px;">
<button style="background: none; border: none; padding: 0px; cursor: pointer; color: rgb(15, 107, 115); font-family: Vazirmatn, sans-serif; font-size: 13px; font-weight: 700;">
آرسام صباغ
</button>
<span style="color: rgb(228, 221, 210);">
·
</span>
<span>
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</span>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px 0px 12px;">
فرآیند اثبات حدس اردوش یک الگوی عملی برای همکاری انسان-AI در کشف علمی ارائه می‌دهد که فراتر از ریاضیات کاربرد دارد.
</p>
<div class="article-row-stats" style="display: flex; gap: 16px; font-size: 12px; color: rgb(95, 107, 109); align-items: center;">
<span style="color: rgb(196, 106, 77); font-weight: 600;">
تحلیل عمیق
</span>
<span>
·
</span>
<span>
13 دقیقه مطالعه
</span>
<span>
·
</span>
<span>
۰ بازدید
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Human-AI Collaboration
</span>
<span style="background: rgb(244, 239, 230); padding: 2px 8px; border-radius: 4px; font-size: 11px;">
Mathematics
</span>
</div>
</div>
<div class="article-row-thumb" style="background: rgb(244, 239, 230); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 120px; align-self: center;">
<div style="transform: scale(0.5); transform-origin: center center; width: 280px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 420 200" width="100%">
<rect fill="#FAF7F0" height="200" rx="12" width="420" x="0" y="0">
</rect>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="120" y1="60" y2="120">
</line>
<circle cx="210" cy="60" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="210" x2="300" y1="60" y2="120">
</line>
<circle cx="237" cy="77.99999999999999" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="120" x2="80" y1="120" y2="200">
</line>
<circle cx="96" cy="168" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="120" x2="170" y1="120" y2="200">
</line>
<circle cx="165" cy="192" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="300" x2="250" y1="120" y2="200">
</line>
<circle cx="290" cy="136" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="300" x2="340" y1="120" y2="200">
</line>
<circle cx="320" cy="160" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="80" x2="170" y1="200" y2="200">
</line>
<circle cx="152" cy="200" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="170" x2="250" y1="200" y2="200">
</line>
<circle cx="177.99999999999997" cy="200" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<line stroke="#E4DDD2" stroke-width="1.5" x1="250" x2="340" y1="200" y2="200">
</line>
<circle cx="286" cy="200" fill="#D49A2A" opacity="0.8" r="3">
</circle>
</g>
<g>
<circle cx="210" cy="60" fill="#D49A2A" opacity="0.15" r="16" stroke="#D49A2A" stroke-width="2">
</circle>
<text fill="#D49A2A" font-size="11" font-weight="700" text-anchor="middle" x="210" y="64">
v₁
</text>
</g>
<g>
<circle cx="120" cy="120" fill="#0F6B73" opacity="0.15" r="16" stroke="#0F6B73" stroke-width="2">
</circle>
<text fill="#0F6B73" font-size="11" font-weight="700" text-anchor="middle" x="120" y="124">
v₂
</text>
</g>
<g>
<circle cx="300" cy="120" fill="#0F6B73" opacity="0.15" r="16" stroke="#0F6B73" stroke-width="2">
</circle>
<text fill="#0F6B73" font-size="11" font-weight="700" text-anchor="middle" x="300" y="124">
v₃
</text>
</g>
<g>
<circle cx="80" cy="200" fill="#2F8F6B" opacity="0.15" r="16" stroke="#2F8F6B" stroke-width="2">
</circle>
<text fill="#2F8F6B" font-size="11" font-weight="700" text-anchor="middle" x="80" y="204">
v₄
</text>
</g>
<g>
<circle cx="170" cy="200" fill="#2F8F6B" opacity="0.15" r="16" stroke="#2F8F6B" stroke-width="2">
</circle>
<text fill="#2F8F6B" font-size="11" font-weight="700" text-anchor="middle" x="170" y="204">
v₅
</text>
</g>
<g>
<circle cx="250" cy="200" fill="#2F8F6B" opacity="0.15" r="16" stroke="#2F8F6B" stroke-width="2">
</circle>
<text fill="#2F8F6B" font-size="11" font-weight="700" text-anchor="middle" x="250" y="204">
v₆
</text>
</g>
<g>
<circle cx="340" cy="200" fill="#C76D4A" opacity="0.15" r="16" stroke="#C76D4A" stroke-width="2">
</circle>
<text fill="#C76D4A" font-size="11" font-weight="700" text-anchor="middle" x="340" y="204">
v₇
</text>
</g>
<text fill="#5F6B6D" font-size="10" text-anchor="middle" x="210" y="186">
Unit Distance Graph — Erdős Conjecture
</text>
</svg>
</div>
</div>
</div>
<div class="load-more-wrap" style="text-align: center; padding: 32px 0px;">
<button style="border: none; cursor: pointer; padding: 12px 32px; border-radius: 8px; font-size: 13px; font-family: Vazirmatn, sans-serif; font-weight: 600; transition: 0.15s; display: inline-flex; align-items: center; gap: 6px; background: rgb(15, 107, 115); color: rgb(255, 255, 255);">
بارگذاری مقاله‌های بیشتر
</button>
</div>
</div>
</div>
</main>
<footer role="contentinfo" style="background: rgb(235, 227, 210); color: rgb(74, 90, 92); direction: rtl; padding: 56px 24px 28px; margin-top: 80px; position: relative; overflow: hidden;">
<div style="position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg, transparent 0%, rgb(15, 107, 115) 25%, rgb(212, 154, 42) 50%, rgb(196, 106, 77) 75%, transparent 100%);">
</div>
<div style="max-width: 1280px; margin: 0px auto; position: relative;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 40px;">
<section aria-label="درباره تکناو">
<div style="font-size: 28px; font-weight: 900; color: rgb(15, 42, 46); margin-bottom: 6px; font-family: PelakFA, Vazirmatn, sans-serif;">
تکناو
</div>
<div style="font-size: 11px; color: rgb(196, 106, 77); letter-spacing: 0.18em; margin-bottom: 14px; font-weight: 700;">
TEKNAV
</div>
<p style="font-size: 13px; line-height: 1.9; color: rgb(95, 107, 109);">
روایت عمیق فناوری. تحلیل‌های علمی و تخصصی از دنیای فناوری برای متخصصان ایرانی.
</p>
</section>
<nav aria-label="لینک‌های دسته‌بندی">
<div style="font-size: 14px; font-weight: 700; color: rgb(15, 42, 46); margin-bottom: 16px; font-family: PelakFA, Vazirmatn, sans-serif;">
دسته‌بندی‌ها
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
هوش مصنوعی
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
علم داده
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
امنیت سایبری
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
سخت‌افزار
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
نرم‌افزار
</div>
</nav>
<nav aria-label="لینک‌های ابزار">
<div style="font-size: 14px; font-weight: 700; color: rgb(15, 42, 46); margin-bottom: 16px; font-family: PelakFA, Vazirmatn, sans-serif;">
ابزارها
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
مقایسه‌های فنی
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
استوری‌ها
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
دایرکتوری شرکت‌ها
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
واژگان تخصصی
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
ابزارهای تکناو
</div>
</nav>
<nav aria-label="لینک‌های راهنما">
<div style="font-size: 14px; font-weight: 700; color: rgb(15, 42, 46); margin-bottom: 16px; font-family: PelakFA, Vazirmatn, sans-serif;">
تکناو
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
درباره ما
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
تیم نویسندگان
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
قوانین حریم خصوصی
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
شرایط استفاده
</div>
<div style="font-size: 13px; margin-bottom: 9px; cursor: pointer; color: rgb(95, 107, 109); transition: color 0.15s, transform 0.15s; transform-origin: right center;">
تماس با ما
</div>
</nav>
<section aria-label="ارتباط با ما">
<div style="font-size: 14px; font-weight: 700; color: rgb(15, 42, 46); margin-bottom: 16px; font-family: PelakFA, Vazirmatn, sans-serif;">
ارتباط با ما
</div>
<div style="display: flex; gap: 10px; margin-bottom: 16px;">
<button style="background: rgba(15, 107, 115, 0.08); border: 1px solid rgba(15, 107, 115, 0.25); color: rgb(15, 107, 115); padding: 7px 14px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 600; font-family: Vazirmatn, sans-serif; transition: 0.18s;">
توییتر
</button>
<button style="background: rgba(15, 107, 115, 0.08); border: 1px solid rgba(15, 107, 115, 0.25); color: rgb(15, 107, 115); padding: 7px 14px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 600; font-family: Vazirmatn, sans-serif; transition: 0.18s;">
لینکدین
</button>
<button style="background: rgba(15, 107, 115, 0.08); border: 1px solid rgba(15, 107, 115, 0.25); color: rgb(15, 107, 115); padding: 7px 14px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 600; font-family: Vazirmatn, sans-serif; transition: 0.18s;">
تلگرام
</button>
</div>
<div style="font-size: 12px; color: rgb(196, 106, 77); font-weight: 600;">
info@teknav.ir
</div>
<div style="display: flex; flex-direction: column; gap: 6px; margin-top: 10px;">
<span style="display: inline-flex; align-items: center; gap: 5px; background: rgba(180, 100, 40, 0.1); border: 1px solid rgba(180, 100, 40, 0.22); border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 700; color: rgb(155, 92, 26);">
🌊 حامی خلیج فارس
</span>
<span style="display: inline-flex; align-items: center; gap: 5px; background: rgba(180, 100, 40, 0.1); border: 1px solid rgba(180, 100, 40, 0.22); border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 700; color: rgb(155, 92, 26);">
🌐 حامی اینترنت آزاد برای عموم
</span>
</div>
</section>
</div>
<div style="border-top: 1px solid rgba(15, 42, 46, 0.12); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;">
<span style="font-size: 12px; color: rgb(95, 107, 109);">
© ۱۴۰۵ تکناو — تمام حقوق محفوظ است
</span>
<span style="font-size: 12px; color: rgb(95, 107, 109); letter-spacing: 0.04em;">
Designed By
<a href="https://www.asabbagh.com" rel="noopener noreferrer" style="color: rgb(15, 107, 115); font-weight: 700; letter-spacing: 0.08em; text-decoration: none;" target="_blank">
Coaxys
</a>
</span>
</div>
</div>
</footer>
<div style="position: fixed; bottom: 100px; right: 24px; z-index: 500; background: rgb(255, 255, 255); border: 1px solid rgb(228, 221, 210); border-radius: 16px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 40px; animation: 0.3s ease 0s 1 normal none running slideUp; direction: rtl;">
<div style="flex: 1 1 0%;">
<div style="font-size: 14px; font-weight: 800; color: rgb(38, 50, 56);">
نصب اپلیکیشن تکناو
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-top: 2px;">
دسترسی سریع‌تر و آفلاین به مقالات
</div>
</div>
<div style="display: flex; gap: 8px;">
<button style="border: none; cursor: pointer; padding: 6px 12px; border-radius: 8px; font-size: 12px; font-family: Vazirmatn, sans-serif; font-weight: 600; transition: 0.15s; display: inline-flex; align-items: center; gap: 6px; background: rgb(244, 239, 230); color: rgb(38, 50, 56);">
بعداً
</button>
<button style="border: none; cursor: pointer; padding: 6px 16px; border-radius: 8px; font-size: 12px; font-family: Vazirmatn, sans-serif; font-weight: 600; transition: 0.15s; display: inline-flex; align-items: center; gap: 6px; background: rgb(15, 107, 115); color: rgb(255, 255, 255);">
نصب
</button>
</div>
</div>
<div style="position: fixed; bottom: 28px; left: 24px; z-index: 9999; display: flex; flex-direction: column; gap: 10px;">
</div>
</div>
<script>
(() => {
const bar = document.getElementById('loading-bar');
let p = 0;
const prog = setInterval(() => { p = Math.min(p + 8, 90); bar.style.width = p + '%'; }, 120);
window.__doneLoading = () => {
clearInterval(prog); bar.style.width = '100%';
setTimeout(() => { document.getElementById('loading').classList.add('hidden'); }, 300);
};
})();
</script>
</body>
</html>