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

3583 lines
209 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/" 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/" 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/",
"description": "تکناو رسانه فارسی تحلیل فناوری، هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده تکنولوژی است.",
"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" },
"publishingPrinciples": "https://www.teknav.ir/about",
"masthead": "https://www.teknav.ir/authors",
"sameAs": [
"https://twitter.com/teknavir",
"https://x.com/teknavir",
"https://linkedin.com/company/teknav"
],
"contactPoint": {
"@type": "ContactPoint",
"email": "info@teknav.ir",
"contactType": "customer service"
}
},
{
"@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"
}
}
]
}
</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/" 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":"WebPage","@id":"https://www.teknav.ir/#webpage","name":"تکناو | تحلیل فناوری، هوش مصنوعی و امنیت سایبری","description":"تکناو رسانه فارسی تحلیل فناوری، هوش مصنوعی، علم داده، امنیت سایبری، نرم‌افزار، سخت‌افزار و آینده تکنولوژی است.","url":"https://www.teknav.ir/","inLanguage":"fa-IR","isPartOf":{"@id":"https://www.teknav.ir/#website"},"about":{"@id":"https://www.teknav.ir/#organization"},"speakable":{"@type":"SpeakableSpecification","xpath":["/html/head/title","/html/head/meta[@name=\"description\"]/@content"]}}]}
</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__links">
<li>
<a href="html/articles.html">
مقاله‌های فناوری
</a>
<span>
آرشیو تحلیل‌های فارسی تکناو
</span>
</li>
<li>
<a href="html/ai.html">
هوش مصنوعی
</a>
<span>
تحلیل مدل‌های زبانی، عامل‌ها و زیرساخت AI
</span>
</li>
<li>
<a href="html/security.html">
امنیت سایبری
</a>
<span>
آسیب‌پذیری‌ها، دفاع سازمانی و امنیت AI
</span>
</li>
<li>
<a href="html/data.html">
علم داده
</a>
<span>
داده‌محوری، RAG، مهندسی داده و ارزیابی
</span>
</li>
<li>
<a href="html/authors.html">
نویسندگان تکناو
</a>
<span>
تحلیلگران و نویسندگان تخصصی فناوری
</span>
</li>
<li>
<a href="html/tekrag-persian.html">
بنچمارک TekRag
</a>
<span>
ارزیابی سامانه‌های RAG فارسی
</span>
</li>
</ul>
<section>
<h2>
تکناو چیست؟
</h2>
<p>
تکناو برای مخاطب فارسی‌زبان، محتوای تحلیلی و داده‌محور درباره روندهای مهم فناوری منتشر می‌کند؛ از هوش مصنوعی و امنیت سایبری تا نرم‌افزار، سخت‌افزار، استارتاپ و ابزارهای تخصصی.
</p>
</section>
</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 aria-current="page" style="background: none; border-top: none; border-right: none; border-bottom: 2px solid rgb(15, 107, 115); border-left: none; border-image: initial; cursor: pointer; padding: 8px 12px; font-size: 13px; font-family: Vazirmatn, sans-serif; white-space: nowrap; color: rgb(15, 107, 115); font-weight: 700; 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>
<main style="padding-top: 64px; background: rgb(250, 247, 240); min-height: 100vh; font-family: Vazirmatn, sans-serif;">
<div style="position: relative; background: rgb(244, 241, 236); overflow: hidden; min-height: 560px;">
<div style="position: absolute; top: 20%; right: 10%; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(15, 107, 115, 0.1) 0%, transparent 70%); pointer-events: none;">
</div>
<div style="position: absolute; bottom: 0%; left: 15%; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(196, 106, 77, 0.1) 0%, transparent 70%); pointer-events: none;">
</div>
<div style="position: absolute; inset: 0px; background-image: linear-gradient(rgba(15, 42, 46, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 42, 46, 0.04) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(circle at 50% 40%, rgb(0, 0, 0) 30%, transparent 75%); pointer-events: none;">
</div>
<canvas height="679" style="position: absolute; inset: 0px; width: 100%; height: 100%;" width="1914">
</canvas>
<div class="home-hero-inner" style="position: relative; z-index: 2; max-width: 1280px; margin: 0px auto; padding: 76px 24px 70px; direction: rtl;">
<div style="max-width: 600px; margin-bottom: 44px;">
<div style="display: inline-flex; align-items: center; gap: 8px; background: rgba(15, 107, 115, 0.08); border: 1px solid rgba(15, 107, 115, 0.25); color: rgb(15, 107, 115); padding: 6px 16px; border-radius: 999px; font-size: 11px; font-weight: 700; margin-bottom: 26px; letter-spacing: 0.08em; animation: 0.6s ease 0.1s 1 normal both running heroReveal;">
<span style="width: 6px; height: 6px; border-radius: 50%; background: rgb(15, 107, 115); display: inline-block; animation: 2.2s ease 0s infinite normal none running pulseRing;">
</span>
روایت عمیق فناوری
</div>
<h1 style="font-size: clamp(34px, 5.4vw, 58px); font-weight: 800; color: rgb(15, 42, 46); margin: 0px 0px 4px; line-height: 1.25; font-family: PelakFA, Vazirmatn, sans-serif; animation: 0.7s ease 0.35s 1 normal both running heroReveal; letter-spacing: -0.01em;">
درک عمیق‌تر
</h1>
<h1 class="gold-shimmer" style="font-size: clamp(34px, 5.4vw, 58px); font-weight: 800; margin: 0px 0px 22px; line-height: 1.25; font-family: PelakFA, Vazirmatn, sans-serif; animation: 0.7s ease 0.6s 1 normal both running heroReveal; letter-spacing: -0.01em;">
دنیای فناوری
</h1>
<p style="font-size: 16px; color: rgb(74, 90, 92); line-height: 2; margin: 0px 0px 32px; animation: 0.7s ease 0.85s 1 normal both running heroReveal; max-width: 540px;">
تحلیل‌های علمی، تخصصی و مستقل از پیشرفت‌های هوش مصنوعی، علم داده، امنیت سایبری و آینده فناوری.
</p>
<div class="home-hero-actions" style="display: flex; gap: 12px; flex-wrap: wrap; animation: 0.7s ease 1.1s 1 normal both running heroReveal;">
<button style="background: rgb(15, 107, 115); color: rgb(255, 255, 255); border: none; padding: 14px 32px; border-radius: 10px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: Vazirmatn, sans-serif; box-shadow: rgba(15, 107, 115, 0.28) 0px 6px 22px; transition: transform 0.2s, box-shadow 0.2s;">
مشاهده همه مقاله‌ها →
</button>
<button style="background: rgba(196, 106, 77, 0.08); color: rgb(168, 81, 46); border: 1px solid rgba(196, 106, 77, 0.45); padding: 14px 30px; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: Vazirmatn, sans-serif; transition: 0.2s;">
هوش مصنوعی
</button>
</div>
</div>
<div class="hero-tilt" style="background: rgb(255, 255, 255); border: 1px solid rgb(228, 221, 210); border-radius: 16px; padding: 20px 24px; direction: rtl; max-width: 580px; animation: 0.7s ease 1.35s 1 normal both running heroReveal; box-shadow: rgba(15, 42, 46, 0.08) 0px 14px 40px, rgba(15, 42, 46, 0.04) 0px 2px 8px; position: relative; overflow: hidden;">
<div style="position: absolute; top: 0px; right: 0px; bottom: 0px; width: 4px; background: linear-gradient(rgb(212, 154, 42), rgb(196, 106, 77));">
</div>
<div style="font-size: 10px; color: rgb(196, 106, 77); font-weight: 700; margin-bottom: 10px; letter-spacing: 0.1em; display: flex; align-items: center; gap: 6px;">
<span style="display: inline-block; animation: 3s ease-in-out 0s infinite normal none running float-y;">
✦
</span>
مقاله ویژه
</div>
<div style="font-size: 18px; font-weight: 700; color: rgb(15, 42, 46); cursor: pointer; line-height: 1.65; transition: color 0.15s; font-family: PelakFA, Vazirmatn, sans-serif;">
۸۰ سال قضیه ریاضی در ۱۲۵ صفحه: هوش مصنوعی حدس اردوش را ابطال کرد
</div>
<div style="font-size: 12px; color: rgb(95, 107, 109); margin-top: 12px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap;">
<span style="font-weight: 600; color: rgb(15, 107, 115);">
آرسام صباغ
</span>
<span style="opacity: 0.4;">
·
</span>
<span>
کالبدشکافی علمی
</span>
<span style="opacity: 0.4;">
·
</span>
<span>
14 دقیقه مطالعه
</span>
</div>
</div>
</div>
<svg preserveaspectratio="none" style="position: absolute; bottom: -1px; left: 0px; width: 100%; height: 50px; display: block; pointer-events: none;" viewbox="0 0 1440 60">
<path d="M0,40 C240,60 480,10 720,30 C960,50 1200,15 1440,35 L1440,60 L0,60 Z" fill="#ebe3d2">
</path>
</svg>
<style>
@keyframes heroReveal {
from { opacity: 0; filter: blur(6px); transform: translateY(18px); }
to { opacity: 1; filter: blur(0); transform: translateY(0); }
}
</style>
</div>
<div style="background: rgb(235, 227, 210); padding: 40px 24px; direction: rtl; border-top: 1px solid rgba(15, 42, 46, 0.06); border-bottom: 1px solid rgba(15, 42, 46, 0.06);">
<div class="stats-bar-inner" style="max-width: 1280px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px;">
<div class="lift-on-hover" style="text-align: center; padding: 12px 8px; border-radius: 12px; position: relative;">
<div style="font-size: 14px; color: rgb(15, 107, 115); margin-bottom: 6px; opacity: 0.7;">
◉
</div>
<div style="font-size: 30px; font-weight: 900; color: rgb(168, 118, 27); margin-bottom: 6px; font-family: PelakFA, Vazirmatn, sans-serif; letter-spacing: -0.01em;">
<span>
۷۵+
</span>
</div>
<div style="font-size: 13px; color: rgb(74, 90, 92); font-weight: 500;">
مقاله منتشرشده
</div>
<div style="position: absolute; left: 0px; top: 20%; height: 60%; width: 1px; background: rgba(15, 42, 46, 0.08);">
</div>
</div>
<div class="lift-on-hover" style="text-align: center; padding: 12px 8px; border-radius: 12px; position: relative;">
<div style="font-size: 14px; color: rgb(15, 107, 115); margin-bottom: 6px; opacity: 0.7;">
✎
</div>
<div style="font-size: 30px; font-weight: 900; color: rgb(168, 118, 27); margin-bottom: 6px; font-family: PelakFA, Vazirmatn, sans-serif; letter-spacing: -0.01em;">
<span>
۲
</span>
</div>
<div style="font-size: 13px; color: rgb(74, 90, 92); font-weight: 500;">
نویسنده فعال
</div>
<div style="position: absolute; left: 0px; top: 20%; height: 60%; width: 1px; background: rgba(15, 42, 46, 0.08);">
</div>
</div>
<div class="lift-on-hover" style="text-align: center; padding: 12px 8px; border-radius: 12px; position: relative;">
<div style="font-size: 14px; color: rgb(15, 107, 115); margin-bottom: 6px; opacity: 0.7;">
◐
</div>
<div style="font-size: 30px; font-weight: 900; color: rgb(168, 118, 27); margin-bottom: 6px; font-family: PelakFA, Vazirmatn, sans-serif; letter-spacing: -0.01em;">
<span>
۶۵۰۰۰+
</span>
</div>
<div style="font-size: 13px; color: rgb(74, 90, 92); font-weight: 500;">
خواننده ماهانه
</div>
<div style="position: absolute; left: 0px; top: 20%; height: 60%; width: 1px; background: rgba(15, 42, 46, 0.08);">
</div>
</div>
<div class="lift-on-hover" style="text-align: center; padding: 12px 8px; border-radius: 12px; position: relative;">
<div style="font-size: 14px; color: rgb(15, 107, 115); margin-bottom: 6px; opacity: 0.7;">
◷
</div>
<div style="font-size: 30px; font-weight: 900; color: rgb(168, 118, 27); margin-bottom: 6px; font-family: PelakFA, Vazirmatn, sans-serif; letter-spacing: -0.01em;">
<span>
۸ دقیقه
</span>
</div>
<div style="font-size: 13px; color: rgb(74, 90, 92); font-weight: 500;">
میانگین زمان مطالعه
</div>
</div>
</div>
</div>
<div style="max-width: 1280px; margin: 0px auto; padding: 0px 24px;">
<section aria-labelledby="featured-title" class="home-section" style="padding: 60px 0px 40px; direction: rtl;">
<h2 id="featured-title" style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 8px; font-family: Vazirmatn, sans-serif;">
مقاله منتخب
</h2>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 32px; line-height: 1.7;">
عمیق‌ترین تحلیل این هفته
</p>
<div class="featured-card" style="background: rgb(255, 255, 255); border-radius: 16px; border: 1px solid rgb(228, 221, 210); padding: 0px; cursor: pointer; overflow: hidden; direction: rtl; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 24px; display: grid; grid-template-columns: 1fr 1fr; min-height: 280px; transition: box-shadow 0.2s;">
<div style="padding: 32px 32px 32px 24px; display: flex; flex-direction: column; justify-content: space-between;">
<div>
<div style="display: flex; gap: 8px; margin-bottom: 14px;">
<span style="display: inline-block; padding: 3px 10px; border-radius: 3px; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; background: rgb(228, 221, 210); color: rgb(38, 50, 56);">
تحلیل استراتژیک
</span>
<span style="display: inline-block; padding: 3px 10px; border-radius: 4px; font-size: 12px; 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: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 12px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
رایانش لبه‌ای مداری: فرار از بن‌بست انرژی زمین
</h2>
<p style="font-size: 14px; color: rgb(95, 107, 109); line-height: 1.8; margin: 0px;">
تحلیل استراتژیک دیتاسنترهای مداری در سال ۱۴۰۵؛ بررسی ادغام SpaceX/xAI و آینده اینترنت بدون مرز.
</p>
</div>
<div style="display: flex; align-items: center; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid rgb(228, 221, 210);">
<div>
<div style="font-size: 13px; font-weight: 600; color: rgb(38, 50, 56);">
آرسام صباغ
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
۱۴۰۵/۳/۵ · 14 دقیقه مطالعه
</div>
</div>
</div>
</div>
<div style="background: rgb(244, 239, 230); display: flex; align-items: center; justify-content: center; padding: 24px;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 400 220" width="100%">
<path d="M100,100 Q120,60 180,70 T260,100 T340,100 T300,140 L140,140 Z" fill="#F4EFE6" opacity="0.6" stroke="#0F6B73" stroke-width="2">
</path>
<rect fill="#D49A2A" height="15" opacity="0.9" rx="3" width="30" x="150" y="110">
</rect>
<rect fill="#5F6B6D" height="15" opacity="0.9" rx="3" width="30" x="200" y="110">
</rect>
<rect fill="#D49A2A" height="15" opacity="0.9" rx="3" width="30" x="250" y="110">
</rect>
<text fill="#5F6B6D" font-size="10" text-anchor="middle" x="200" y="170">
رایانش ابری و لبه شبکه
</text>
</svg>
</div>
</div>
</section>
<section aria-labelledby="latest-title" class="home-section" style="padding: 40px 0px; direction: rtl;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
<h2 id="latest-title" style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px; font-family: Vazirmatn, sans-serif;">
تازه‌ترین خبرها
</h2>
<button aria-label="مشاهده همه مقالات" style="background: none; border: none; color: rgb(15, 107, 115); font-size: 13px; font-weight: 600; cursor: pointer; font-family: Vazirmatn, sans-serif;">
مشاهده همه ←
</button>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 32px; line-height: 1.7;">
آخرین تحلیل‌ها و مقالات تکناو
</p>
<div class="article-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;">
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s, transform 0.5s, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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.677415976369126">
</line>
<line stroke="#263238" stroke-width="2" x1="210" x2="290" y1="50" y2="71.32258402363088">
</line>
<ellipse cx="130" cy="53.677415976369126" 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.677415976369126">
AI Product
</text>
<ellipse cx="290" cy="76.32258402363088" 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.32258402363088">
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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
دعوای Adafruit در برابر Flux.ai: آزمون افشای مسئولانه در برابر ارعاب حقوقی
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
دعوای Adafruit و Flux.ai پرسشی بنیادی را مطرح می‌کند: آیا شرکت‌های AI می‌توانند با تهدید حقوقی، منتق...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۳
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
11 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 80ms, transform 0.5s 80ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="60.1681390048435" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="30" y="79.83186099515649">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="60" y="76.83186099515649">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="60" y="160">
Stack
</text>
</g>
<g>
<rect fill="#2F8F6B" height="68.50436620628565" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="110" y="71.49563379371435">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="140" y="68.49563379371435">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="140" y="160">
Heap A
</text>
</g>
<g>
<rect fill="#C76D4A" height="69.02171833756293" opacity="0.2" rx="4" stroke="#C76D4A" stroke-width="2" width="60" x="190" y="70.97828166243707">
</rect>
<text fill="#C76D4A" font-size="8" font-weight="700" text-anchor="middle" x="220" y="67.97828166243707">
✗
</text>
<text fill="#C76D4A" font-size="8" text-anchor="middle" x="220" y="160">
Heap B
</text>
</g>
<g>
<rect fill="#2F8F6B" height="61.24454423507062" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="270" y="78.75545576492938">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="300" y="75.75545576492938">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="300" y="160">
Heap C
</text>
</g>
<g>
<rect fill="#2F8F6B" height="52.32314190236418" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="350" y="87.67685809763583">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="380" y="84.67685809763583">
✓
</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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
اجبار Rust در Ladybird: بلوغ صنعتی به سمت ایمنی حافظه
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
پروژه مرورگر Ladybird با الزامی‌کردن Rust برای تمام کدهای جدید، یک الگوی مهم برای صنعت نرم‌افزار ایج...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۳
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
12 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 160ms, transform 0.5s 160ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="177.60000000000002" cy="81.6" 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="269.4" cy="99.59999999999998" 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="81.6" cy="196.8" 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="133" cy="140.79999999999998" 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="272" cy="164.79999999999995" 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="334.4" cy="188.79999999999995" 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="94.4" 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="206.8" 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="318.4" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
همزیستی انسان-هوش مصنوعی در کشف علمی: درس‌های مشارکت در اثبات اردوش
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
فرآیند اثبات حدس اردوش یک الگوی عملی برای همکاری انسان-AI در کشف علمی ارائه می‌دهد که فراتر از ریاضی...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۲
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
13 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 240ms, transform 0.5s 240ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="113.99999999999997" cy="89.2" 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="136.49999999999997" cy="115.3" 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="308.99999999999994" cy="50.20000000000001" 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="331.49999999999994" cy="94.29999999999998" 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="354" cy="156.39999999999998" 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="226.49999999999991" cy="120.10000000000005" 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="248.99999999999997" cy="122.2" 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="271.5" cy="142.3" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
مدل توزیع سه‌گانه: چرا بلاگ فنی مستقل در عصر AI زنده ماند
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
در حالی که محتوای AI انبوه بازار را پر کرده، بلاگ‌های فنی مستقل با مدل توزیع سه‌گانه نه‌تنها زنده ما...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۲
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
10 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 320ms, transform 0.5s 320ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="177.60000000000002" cy="81.6" 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="269.4" cy="99.59999999999998" 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="81.6" cy="196.8" 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="133" cy="140.79999999999998" 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="272" cy="164.79999999999995" 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="334.4" cy="188.79999999999995" 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="94.4" 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="206.8" 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="318.4" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
کور بودن اجتماعی علم: چرا AI حل‌هایی را یافت که انسان‌ها از ترس فرار کردند
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
AI حدسی را ابطال کرد که ۸۰ سال محققان انسانی از ترس اشتباه به آن نزدیک نمی‌شدند — این درباره الگوریت...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۱
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
12 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 400ms, transform 0.5s 400ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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>
<rect fill="#263238" height="26" opacity="0.08" rx="6" width="380" x="20" y="20">
</rect>
<circle cx="38" cy="33" fill="#C76D4A" opacity="0.7" r="5">
</circle>
<circle cx="54" cy="33" fill="#D49A2A" opacity="0.7" r="5">
</circle>
<circle cx="70" cy="33" fill="#2F8F6B" opacity="0.7" r="5">
</circle>
<rect fill="#fff" height="14" opacity="0.5" rx="4" width="260" x="84" y="26">
</rect>
<text fill="#263238" font-size="8" opacity="0.6" text-anchor="middle" x="214" y="36">
teknav.ir/article/...
</text>
<g>
<text fill="#5F6B6D" font-size="9" text-anchor="end" x="75" y="68">
HTML
</text>
<rect fill="#E4DDD2" height="18" rx="3" width="160" x="80" y="58">
</rect>
<rect fill="#0F6B73" height="18" opacity="0.75" rx="3" width="160" x="80" y="58">
</rect>
<text fill="#fff" font-size="8" opacity="0.9" x="83" y="70">
100%
</text>
</g>
<g>
<text fill="#5F6B6D" font-size="9" text-anchor="end" x="75" y="102">
CSS
</text>
<rect fill="#E4DDD2" height="18" rx="3" width="80" x="80" y="92">
</rect>
<rect fill="#D49A2A" height="18" opacity="0.75" rx="3" width="9.6" x="80" y="92">
</rect>
<text fill="#fff" font-size="8" opacity="0.9" x="83" y="104">
12%
</text>
</g>
<g>
<text fill="#5F6B6D" font-size="9" text-anchor="end" x="75" y="136">
JS
</text>
<rect fill="#E4DDD2" height="18" rx="3" width="120" x="80" y="126">
</rect>
<rect fill="#C76D4A" height="18" opacity="0.75" rx="3" width="57.6" x="80" y="126">
</rect>
<text fill="#fff" font-size="8" opacity="0.9" x="83" y="138">
48%
</text>
</g>
<g>
<text fill="#5F6B6D" font-size="9" text-anchor="end" x="75" y="170">
API
</text>
<rect fill="#E4DDD2" height="18" rx="3" width="100" x="80" y="160">
</rect>
<rect fill="#2F8F6B" height="18" opacity="0.75" rx="3" width="84" x="80" y="160">
</rect>
<text fill="#fff" font-size="8" opacity="0.9" x="83" y="172">
84%
</text>
</g>
<g>
<text fill="#5F6B6D" font-size="9" text-anchor="end" x="75" y="204">
WS
</text>
<rect fill="#E4DDD2" height="18" rx="3" width="60" x="80" y="194">
</rect>
<rect fill="#5F6B6D" height="18" opacity="0.75" rx="3" width="60" x="80" y="194">
</rect>
<text fill="#fff" font-size="8" opacity="0.9" x="83" y="206">
100%
</text>
</g>
<text fill="#5F6B6D" font-size="10" text-anchor="middle" x="210" y="186">
Browser DevTools — Network
</text>
</svg>
</div>
</div>
<div style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
وب عاملی گوگل: چطور Gemini Spark و WebMCP در Chrome 149 با هم کار می‌کنند
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
گوگل با WebMCP یک لایه ابزار بومی مرورگر برای عامل‌های AI ایجاد کرده که صفحات وب می‌توانند مستقیماً ...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۰
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
11 دقیقه
</span>
</div>
</div>
</div>
</div>
</section>
<section aria-labelledby="deep-title" class="home-section" style="padding: 40px 0px; direction: rtl;">
<h2 id="deep-title" style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 8px; font-family: Vazirmatn, sans-serif;">
تحلیل‌های عمیق
</h2>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 32px; line-height: 1.7;">
بررسی‌های تخصصی و مستند
</p>
<div style="display: flex; flex-direction: column; gap: 1px;">
<div style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
همزیستی انسان-هوش مصنوعی در کشف علمی: درس‌های مشارکت در اثبات اردوش
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
فرآیند اثبات حدس اردوش یک الگوی عملی برای همکاری انسان-AI در کشف علمی ارائه می‌دهد که فراتر از ریاضیات کاربرد دارد.…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
آرسام صباغ · ۱۴۰۵/۳/۱۲ · 13 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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="177.60000000000002" cy="81.6" 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="269.4" cy="99.59999999999998" 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="81.6" cy="196.8" 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="133" cy="140.79999999999998" 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="272" cy="164.79999999999995" 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="334.4" cy="188.79999999999995" 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="94.4" 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="206.8" 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="318.4" 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 style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
پست‌مورتم ساعت سه بامداد: چرا کد وایبی بدون ساختار در پروداکشن از هم می‌پاشد
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
با مروری بر ۵۰ پست‌مورتم واقعی، الگوهای مکرر شکست کد وایبی در پروداکشن را شناسایی کرده‌ایم — و راه جلوگیری از هر کدام.…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
آرسام صباغ · ۱۴۰۵/۲/۳۰ · 14 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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.4" stroke="#0F6B73" stroke-dasharray="4 3" stroke-width="2" x1="210" x2="280" y1="30" y2="100">
</line>
<circle cx="210" cy="30" fill="#0F6B73" opacity="0.12" r="18" stroke="#0F6B73" stroke-width="2">
</circle>
<text fill="#0F6B73" font-size="9" font-weight="700" text-anchor="middle" x="210" y="34">
Plan
</text>
</g>
<g>
<line opacity="0.4" stroke="#D49A2A" stroke-dasharray="4 3" stroke-width="2" x1="280" x2="210" y1="100" y2="170">
</line>
<circle cx="280" cy="100" fill="#D49A2A" opacity="0.12" r="18" stroke="#D49A2A" stroke-width="2">
</circle>
<text fill="#D49A2A" font-size="9" font-weight="700" text-anchor="middle" x="280" y="104">
Act
</text>
</g>
<g>
<line opacity="0.4" stroke="#2F8F6B" stroke-dasharray="4 3" stroke-width="2" x1="210" x2="140" y1="170" y2="100.00000000000001">
</line>
<circle cx="161" cy="121.00000000000001" fill="#2F8F6B" opacity="0.9" r="5">
</circle>
<circle cx="210" cy="170" fill="#2F8F6B" opacity="0.25" r="22" stroke="#2F8F6B" stroke-width="2">
</circle>
<text fill="#2F8F6B" font-size="9" font-weight="700" text-anchor="middle" x="210" y="174">
Observe
</text>
</g>
<g>
<line opacity="0.4" stroke="#C76D4A" stroke-dasharray="4 3" stroke-width="2" x1="140" x2="210" y1="100.00000000000001" y2="30">
</line>
<circle cx="140" cy="100.00000000000001" fill="#C76D4A" opacity="0.12" r="18" stroke="#C76D4A" stroke-width="2">
</circle>
<text fill="#C76D4A" font-size="9" font-weight="700" text-anchor="middle" x="140" y="104.00000000000001">
Reflect
</text>
</g>
<circle cx="210" cy="100" fill="#263238" opacity="0.08" r="22">
</circle>
<text fill="#263238" font-size="10" font-weight="700" text-anchor="middle" x="210" y="104">
Agent
</text>
</svg>
</div>
</div>
</div>
<div style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
پایان اشتراک ثابت: چرا صورتحساب توکنی GitHub Copilot یک زنگ خطر برای توسعه‌دهندگان است
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
GitHub Copilot از مدل اشتراک ثابت به پرداخت بر اساس توکن تغییر کرده — این تغییر بنیادی در نحوه استفاده از AI در توسعه نرم‌افزار یک تحول اقتص…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
آرسام صباغ · ۱۴۰۵/۲/۲۷ · 12 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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>
<rect fill="#0F6B73" height="91.1622711439519" opacity="0.85" rx="4" width="48" x="40" y="58.8377288560481">
</rect>
<rect fill="#0F6B73" height="8" rx="4" width="48" x="40" y="58.8377288560481">
</rect>
<text fill="#263238" font-size="9" text-anchor="middle" x="64" y="168">
Input
</text>
<text fill="#0F6B73" font-size="10" font-weight="700" text-anchor="middle" x="64" y="53.8377288560481">
91k
</text>
</g>
<g>
<rect fill="#D49A2A" height="117.12561496051302" opacity="0.85" rx="4" width="48" x="112" y="32.87438503948698">
</rect>
<rect fill="#D49A2A" height="8" rx="4" width="48" x="112" y="32.87438503948698">
</rect>
<text fill="#263238" font-size="9" text-anchor="middle" x="136" y="168">
Output
</text>
<text fill="#D49A2A" font-size="10" font-weight="700" text-anchor="middle" x="136" y="27.87438503948698">
117k
</text>
</g>
<g>
<rect fill="#2F8F6B" height="56.54447938853707" opacity="0.85" rx="4" width="48" x="184" y="93.45552061146293">
</rect>
<rect fill="#2F8F6B" height="8" rx="4" width="48" x="184" y="93.45552061146293">
</rect>
<text fill="#263238" font-size="9" text-anchor="middle" x="208" y="168">
Cache
</text>
<text fill="#2F8F6B" font-size="10" font-weight="700" text-anchor="middle" x="208" y="88.45552061146293">
57k
</text>
</g>
<g>
<rect fill="#C76D4A" height="134.43451083822043" opacity="0.85" rx="4" width="48" x="256" y="15.565489161779567">
</rect>
<rect fill="#C76D4A" height="8" rx="4" width="48" x="256" y="15.565489161779567">
</rect>
<text fill="#263238" font-size="9" text-anchor="middle" x="280" y="168">
Image
</text>
<text fill="#C76D4A" font-size="10" font-weight="700" text-anchor="middle" x="280" y="10.565489161779567">
134k
</text>
</g>
<g>
<rect fill="#5F6B6D" height="73.85337526624448" opacity="0.85" rx="4" width="48" x="328" y="76.14662473375552">
</rect>
<rect fill="#5F6B6D" height="8" rx="4" width="48" x="328" y="76.14662473375552">
</rect>
<text fill="#263238" font-size="9" text-anchor="middle" x="352" y="168">
Audio
</text>
<text fill="#5F6B6D" font-size="10" font-weight="700" text-anchor="middle" x="352" y="71.14662473375552">
74k
</text>
</g>
<text fill="#0F6B73" font-size="12" font-weight="700" text-anchor="middle" x="210" y="22">
Token Usage
</text>
<line stroke="#E4DDD2" stroke-width="1.5" x1="30" x2="390" y1="150" y2="150">
</line>
<text fill="#5F6B6D" font-size="8" text-anchor="end" x="28" y="150">
0k
</text>
<text fill="#5F6B6D" font-size="8" text-anchor="end" x="28" y="110">
40k
</text>
<text fill="#5F6B6D" font-size="8" text-anchor="end" x="28" y="70">
80k
</text>
<text fill="#5F6B6D" font-size="8" text-anchor="end" x="28" y="30">
120k
</text>
<text fill="#5F6B6D" font-size="8" text-anchor="end" x="28" y="-10">
160k
</text>
</svg>
</div>
</div>
</div>
</div>
</section>
<section aria-labelledby="popular-title" class="home-section" style="padding: 40px 0px; direction: rtl;">
<h2 id="popular-title" style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 8px; font-family: Vazirmatn, sans-serif;">
محبوب‌ترین‌ها
</h2>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 32px; line-height: 1.7;">
پرخواننده‌ترین مقالات تکناو
</p>
<div class="article-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;">
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s, transform 0.5s, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="90" cy="86" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="115" cy="121.25" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="140" cy="184" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="105" cy="116.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="130" cy="147.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="155" cy="206" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="120" cy="132" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="145" cy="158.75" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="135" cy="132.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="225" cy="106.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="250" cy="158.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="240" cy="119" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="255" cy="115" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
لاما ۴ و مرزهای باز: پایان انحصار با معماری Early Fusion
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
تحلیل فنی Llama 4؛ مدلی که با معماری بومی چندوجهی و دسترسی باز، توازن قدرت را در دنیای هوش مصنوعی تغ...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۲/۲۲
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
13 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 100ms, transform 0.5s 100ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 280 220" width="100%">
<circle cx="140" cy="110" fill="#20343A" r="22">
</circle>
<circle cx="140" cy="110" fill="#0F6B73" opacity="0.8" r="16">
</circle>
<text fill="#FAF7F0" font-size="8" font-weight="700" text-anchor="middle" x="140" y="114">
AI
</text>
<g>
<circle cx="140" cy="110" fill="none" opacity="0.35" r="40" stroke="#D49A2A" stroke-dasharray="4 6" stroke-width="1">
</circle>
<g>
<circle cx="132.60210292578927" cy="149.30993664303446" fill="#D49A2A" opacity="0.9" r="7">
</circle>
<text fill="#D49A2A" font-size="8" font-weight="600" text-anchor="middle" x="132.60210292578927" y="166.30993664303446">
داده
</text>
</g>
</g>
<g>
<circle cx="140" cy="110" fill="none" opacity="0.35" r="65" stroke="#C46A4D" stroke-dasharray="4 6" stroke-width="1">
</circle>
<g>
<circle cx="159.9903701005485" cy="171.849697681097" fill="#C46A4D" opacity="0.9" r="9">
</circle>
<text fill="#C46A4D" font-size="8" font-weight="600" text-anchor="middle" x="159.9903701005485" y="190.849697681097">
مدل
</text>
</g>
</g>
<g>
<circle cx="140" cy="110" fill="none" opacity="0.35" r="90" stroke="#2F8F6B" stroke-dasharray="4 6" stroke-width="1">
</circle>
<g>
<circle cx="50.2490254690248" cy="103.30951640460566" fill="#2F8F6B" opacity="0.9" r="8">
</circle>
<text fill="#2F8F6B" font-size="8" font-weight="600" text-anchor="middle" x="50.2490254690248" y="121.30951640460566">
استنتاج
</text>
</g>
</g>
</svg>
</div>
</div>
<div style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
DeepSeek-V4: پایان انحصار با معماری Engram و حافظه شرطی
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
کالبدشکافی عمیق DeepSeek-V4؛ مدلی که با تفکیک حافظه از استدلال، هزینه‌های استنتاج را به حداقل رساند....
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۲/۱۵
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
14 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 200ms, transform 0.5s 200ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<svg style="font-family: Vazirmatn, sans-serif;" viewbox="0 0 400 220" width="100%">
<g transform="translate(200, 100)">
<rect fill="#F4EFE6" height="80" rx="10" stroke="#C76D4A" stroke-width="2" width="160" x="-80" y="-40">
</rect>
<text fill="#C76D4A" font-size="14" font-weight="800" text-anchor="middle" x="0" y="5">
VLA MODEL
</text>
<line stroke="#0F6B73" stroke-width="2" x1="-120" x2="-80" y1="-20" y2="-20">
<animate attributename="stroke-dasharray" dur="1s" from="0,40" repeatcount="indefinite" to="40,0">
</animate>
</line>
<text fill="#0F6B73" font-size="9" text-anchor="middle" x="-140" y="-17">
Vision
</text>
<line stroke="#D49A2A" stroke-width="2" x1="-120" x2="-80" y1="20" y2="20">
</line>
<text fill="#D49A2A" font-size="9" text-anchor="middle" x="-140" y="23">
Language
</text>
<line stroke="#2F8F6B" stroke-width="3" x1="80" x2="130" y1="0" y2="0">
</line>
<text fill="#2F8F6B" font-size="10" font-weight="700" text-anchor="middle" x="150" y="4">
ACTION
</text>
</g>
</svg>
</div>
</div>
<div style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
هوش مکانی اپل: کالبدشکافی Siri 2.0 و تراشه A20
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
بررسی استراتژی جدید اپل در Spatial Intelligence؛ از آگاهی روی صفحه تا هدست‌های M5 و Vision Air....
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۲/۲۵
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
14 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 300ms, transform 0.5s 300ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="90" cy="86" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="115" cy="121.25" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="140" cy="184" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="105" cy="116.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="130" cy="147.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="155" cy="206" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="120" cy="132" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="145" cy="158.75" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="135" cy="132.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="225" cy="106.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="250" cy="158.5" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="240" cy="119" fill="#D49A2A" opacity="0.75" r="3">
</circle>
<circle cx="255" cy="115" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
وایب‌کدینگ: وقتی تخیل به سینتکس برتری می‌یابد
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
بررسی متدولوژی وایب‌کدینگ؛ چطور در سال ۱۴۰۵ برنامه‌نویسی از نوشتن کد به توصیف نیت تغییر یافت....
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۲/۱۸
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
12 دقیقه
</span>
</div>
</div>
</div>
</div>
</section>
<section aria-labelledby="thisweek-title" class="home-section" style="padding: 40px 0px; direction: rtl;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
<div style="display: flex; align-items: center; gap: 10px;">
<span style="width: 8px; height: 8px; border-radius: 50%; background: rgb(212, 154, 42); display: inline-block; box-shadow: rgba(212, 154, 42, 0.19) 0px 0px 0px 3px; animation: 2s ease 0s infinite normal none running pulse;">
</span>
<h2 id="thisweek-title" style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px; font-family: Vazirmatn, sans-serif;">
این هفته در تکناو
</h2>
</div>
<button style="background: none; border: none; color: rgb(15, 107, 115); font-size: 13px; font-weight: 600; cursor: pointer; font-family: Vazirmatn, sans-serif;">
همه مقالات ←
</button>
</div>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 32px; line-height: 1.7;">
تازه‌ترین تحلیل‌های خرداد ۱۴۰۵
</p>
<div class="article-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;">
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s, transform 0.5s, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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.677415976369126">
</line>
<line stroke="#263238" stroke-width="2" x1="210" x2="290" y1="50" y2="71.32258402363088">
</line>
<ellipse cx="130" cy="53.677415976369126" 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.677415976369126">
AI Product
</text>
<ellipse cx="290" cy="76.32258402363088" 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.32258402363088">
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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
دعوای Adafruit در برابر Flux.ai: آزمون افشای مسئولانه در برابر ارعاب حقوقی
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
دعوای Adafruit و Flux.ai پرسشی بنیادی را مطرح می‌کند: آیا شرکت‌های AI می‌توانند با تهدید حقوقی، منتق...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۳
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
11 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 60ms, transform 0.5s 60ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="60.1681390048435" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="30" y="79.83186099515649">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="60" y="76.83186099515649">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="60" y="160">
Stack
</text>
</g>
<g>
<rect fill="#2F8F6B" height="68.50436620628565" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="110" y="71.49563379371435">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="140" y="68.49563379371435">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="140" y="160">
Heap A
</text>
</g>
<g>
<rect fill="#C76D4A" height="69.02171833756293" opacity="0.2" rx="4" stroke="#C76D4A" stroke-width="2" width="60" x="190" y="70.97828166243707">
</rect>
<text fill="#C76D4A" font-size="8" font-weight="700" text-anchor="middle" x="220" y="67.97828166243707">
✗
</text>
<text fill="#C76D4A" font-size="8" text-anchor="middle" x="220" y="160">
Heap B
</text>
</g>
<g>
<rect fill="#2F8F6B" height="61.24454423507062" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="270" y="78.75545576492938">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="300" y="75.75545576492938">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="300" y="160">
Heap C
</text>
</g>
<g>
<rect fill="#2F8F6B" height="52.32314190236418" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="350" y="87.67685809763583">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="380" y="84.67685809763583">
✓
</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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
اجبار Rust در Ladybird: بلوغ صنعتی به سمت ایمنی حافظه
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
پروژه مرورگر Ladybird با الزامی‌کردن Rust برای تمام کدهای جدید، یک الگوی مهم برای صنعت نرم‌افزار ایج...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۳
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
12 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 120ms, transform 0.5s 120ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="177.60000000000002" cy="81.6" 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="269.4" cy="99.59999999999998" 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="81.6" cy="196.8" 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="133" cy="140.79999999999998" 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="272" cy="164.79999999999995" 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="334.4" cy="188.79999999999995" 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="94.4" 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="206.8" 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="318.4" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
همزیستی انسان-هوش مصنوعی در کشف علمی: درس‌های مشارکت در اثبات اردوش
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
فرآیند اثبات حدس اردوش یک الگوی عملی برای همکاری انسان-AI در کشف علمی ارائه می‌دهد که فراتر از ریاضی...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۲
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
13 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 180ms, transform 0.5s 180ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="113.99999999999997" cy="89.2" 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="136.49999999999997" cy="115.3" 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="308.99999999999994" cy="50.20000000000001" 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="331.49999999999994" cy="94.29999999999998" 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="354" cy="156.39999999999998" 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="226.49999999999991" cy="120.10000000000005" 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="248.99999999999997" cy="122.2" 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="271.5" cy="142.3" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
مدل توزیع سه‌گانه: چرا بلاگ فنی مستقل در عصر AI زنده ماند
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
در حالی که محتوای AI انبوه بازار را پر کرده، بلاگ‌های فنی مستقل با مدل توزیع سه‌گانه نه‌تنها زنده ما...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۲
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
10 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 240ms, transform 0.5s 240ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="177.60000000000002" cy="81.6" 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="269.4" cy="99.59999999999998" 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="81.6" cy="196.8" 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="133" cy="140.79999999999998" 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="272" cy="164.79999999999995" 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="334.4" cy="188.79999999999995" 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="94.4" 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="206.8" 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="318.4" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
۸۰ سال قضیه ریاضی در ۱۲۵ صفحه: هوش مصنوعی حدس اردوش را ابطال کرد
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
یک سیستم AI با همکاری ریاضیدانان IAS یک حدس ۸۰ ساله اردوش را در ۱۲۵ صفحه ابطال کرد — نقطه عطفی در تا...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۱
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
14 دقیقه
</span>
</div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(228, 221, 210); padding: 24px; cursor: pointer; direction: rtl; opacity: 1; transform: translateY(0px); transition: opacity 0.5s 300ms, transform 0.5s 300ms, box-shadow 0.2s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 12px;">
<div style="height: 120px; border-radius: 8px; background: rgb(244, 239, 230); margin-bottom: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;">
<div style="transform: scale(0.7); transform-origin: center center; width: 100%;">
<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="177.60000000000002" cy="81.6" 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="269.4" cy="99.59999999999998" 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="81.6" cy="196.8" 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="133" cy="140.79999999999998" 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="272" cy="164.79999999999995" 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="334.4" cy="188.79999999999995" 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="94.4" 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="206.8" 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="318.4" 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 style="display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap;">
<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>
<h3 style="font-size: 15px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 8px; line-height: 1.5; font-family: Vazirmatn, sans-serif;">
کور بودن اجتماعی علم: چرا AI حل‌هایی را یافت که انسان‌ها از ترس فرار کردند
</h3>
<p style="font-size: 12px; color: rgb(95, 107, 109); line-height: 1.7; margin: 0px 0px 16px;">
AI حدسی را ابطال کرد که ۸۰ سال محققان انسانی از ترس اشتباه به آن نزدیک نمی‌شدند — این درباره الگوریت...
</p>
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(95, 107, 109);">
<span>
۱۴۰۵/۳/۱۱
</span>
<div style="display: flex; align-items: center; gap: 6px;">
<span>
12 دقیقه
</span>
</div>
</div>
</div>
</div>
</section>
<section aria-labelledby="security-title" class="home-section" style="padding: 40px 0px; direction: rtl; border-top: 2px solid rgba(199, 109, 74, 0.094);">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<div style="width: 36px; height: 36px; border-radius: 10px; background: rgb(199, 109, 74); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
<span style="color: rgb(255, 255, 255); font-size: 16px;">
⚖
</span>
</div>
<div>
<h2 id="security-title" style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px; font-family: Vazirmatn, sans-serif;">
امنیت و حقوق AI
</h2>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px; line-height: 1.7;">
مسئولیت حقوقی، ایمنی سایبری، و حاکمیت هوش مصنوعی
</p>
</div>
<button style="margin-right: auto; background: none; border: 1px solid rgba(199, 109, 74, 0.25); color: rgb(199, 109, 74); font-size: 12px; font-weight: 600; cursor: pointer; font-family: Vazirmatn, sans-serif; padding: 6px 14px; border-radius: 999px;">
دسته امنیت ←
</button>
</div>
<div style="display: flex; flex-direction: column; gap: 1px; margin-top: 20px;">
<div style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
دعوای Adafruit در برابر Flux.ai: آزمون افشای مسئولانه در برابر ارعاب حقوقی
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
دعوای Adafruit و Flux.ai پرسشی بنیادی را مطرح می‌کند: آیا شرکت‌های AI می‌توانند با تهدید حقوقی، منتقدان را ساکت کنند؟…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
سیداحمدرضا محجوب · ۱۴۰۵/۳/۱۳ · 11 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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.677415976369126">
</line>
<line stroke="#263238" stroke-width="2" x1="210" x2="290" y1="50" y2="71.32258402363088">
</line>
<ellipse cx="130" cy="53.677415976369126" 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.677415976369126">
AI Product
</text>
<ellipse cx="290" cy="76.32258402363088" 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.32258402363088">
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 style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
سلاح سایبری همسایه: درون پیش‌نمایش محدودشده Claude Mythos آنتروپیک
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
Claude Mythos Preview توانست در آزمایش کنترل‌شده آسیب‌پذیری‌های روز صفر واقعی را پیدا کند — این چه معنایی برای صنعت امنیت سایبری دارد؟…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
سیداحمدرضا محجوب · ۱۴۰۵/۳/۶ · 14 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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="60.1681390048435" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="30" y="79.83186099515649">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="60" y="76.83186099515649">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="60" y="160">
Stack
</text>
</g>
<g>
<rect fill="#2F8F6B" height="68.50436620628565" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="110" y="71.49563379371435">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="140" y="68.49563379371435">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="140" y="160">
Heap A
</text>
</g>
<g>
<rect fill="#C76D4A" height="69.02171833756293" opacity="0.2" rx="4" stroke="#C76D4A" stroke-width="2" width="60" x="190" y="70.97828166243707">
</rect>
<text fill="#C76D4A" font-size="8" font-weight="700" text-anchor="middle" x="220" y="67.97828166243707">
✗
</text>
<text fill="#C76D4A" font-size="8" text-anchor="middle" x="220" y="160">
Heap B
</text>
</g>
<g>
<rect fill="#2F8F6B" height="61.24454423507062" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="270" y="78.75545576492938">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="300" y="75.75545576492938">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="300" y="160">
Heap C
</text>
</g>
<g>
<rect fill="#2F8F6B" height="52.32314190236418" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="350" y="87.67685809763583">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="380" y="84.67685809763583">
✓
</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 style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
سوراخ کردن حجاب شرکتی AI: شکایت فلوریدا برای مسئولیت شخصی مدیرعامل
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
برای اولین بار در تاریخ صنعت AI، یک دادستان ایالتی نه فقط علیه شرکت بلکه علیه مدیرعامل آن به عنوان فرد حقیقی اقامه دعوا کرده است.…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
سیداحمدرضا محجوب · ۱۴۰۵/۳/۵ · 13 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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.677415976369126">
</line>
<line stroke="#263238" stroke-width="2" x1="210" x2="290" y1="50" y2="71.32258402363088">
</line>
<ellipse cx="130" cy="53.677415976369126" 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.677415976369126">
AI Product
</text>
<ellipse cx="290" cy="76.32258402363088" 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.32258402363088">
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 style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
مسئولیت محصول و چت‌بات توهم‌زا: تهدید حقوقی جدید برای تجارت AI
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
شکایت‌های تازه با استناد به نظریه product liability ادعا می‌کنند ChatGPT به عنوان «محصول» مسئول توهمات مضر خود است — این پرونده می‌تواند صنع…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
سیداحمدرضا محجوب · ۱۴۰۵/۳/۵ · 12 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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.677415976369126">
</line>
<line stroke="#263238" stroke-width="2" x1="210" x2="290" y1="50" y2="71.32258402363088">
</line>
<ellipse cx="130" cy="53.677415976369126" 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.677415976369126">
AI Product
</text>
<ellipse cx="290" cy="76.32258402363088" 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.32258402363088">
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 style="display: flex; gap: 20px; padding: 20px 0px; border-bottom: 1px solid rgb(228, 221, 210); cursor: pointer; direction: rtl; align-items: flex-start; transition: background 0.15s;">
<div style="flex: 1 1 0%;">
<div style="display: flex; gap: 6px; margin-bottom: 8px;">
<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>
<h3 style="font-size: 16px; font-weight: 700; color: rgb(38, 50, 56); margin: 0px 0px 6px; line-height: 1.5;">
دفاع در برابر اکسپلویت‌های چت ورودی: کاهش تزریق پرامپت در مهارت‌های OpenClaw
</h3>
<p style="font-size: 13px; color: rgb(95, 107, 109); margin: 0px 0px 10px; line-height: 1.7;">
تزریق پرامپت جدی‌ترین تهدید امنیتی برای عامل‌های AI است — بررسی تکنیک‌های حمله و دفاع در اکوسیستم OpenClaw.…
</p>
<div style="font-size: 11px; color: rgb(95, 107, 109);">
سیداحمدرضا محجوب · ۱۴۰۵/۳/۳ · 13 دقیقه
</div>
</div>
<div style="width: 80px; height: 80px; background: rgb(244, 239, 230); border-radius: 8px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;">
<div style="transform: scale(0.55); transform-origin: center center;">
<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="60.1681390048435" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="30" y="79.83186099515649">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="60" y="76.83186099515649">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="60" y="160">
Stack
</text>
</g>
<g>
<rect fill="#2F8F6B" height="68.50436620628565" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="110" y="71.49563379371435">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="140" y="68.49563379371435">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="140" y="160">
Heap A
</text>
</g>
<g>
<rect fill="#C76D4A" height="69.02171833756293" opacity="0.2" rx="4" stroke="#C76D4A" stroke-width="2" width="60" x="190" y="70.97828166243707">
</rect>
<text fill="#C76D4A" font-size="8" font-weight="700" text-anchor="middle" x="220" y="67.97828166243707">
✗
</text>
<text fill="#C76D4A" font-size="8" text-anchor="middle" x="220" y="160">
Heap B
</text>
</g>
<g>
<rect fill="#2F8F6B" height="61.24454423507062" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="270" y="78.75545576492938">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="300" y="75.75545576492938">
✓
</text>
<text fill="#2F8F6B" font-size="8" text-anchor="middle" x="300" y="160">
Heap C
</text>
</g>
<g>
<rect fill="#2F8F6B" height="52.32314190236418" opacity="0.2" rx="4" stroke="#2F8F6B" stroke-width="2" width="60" x="350" y="87.67685809763583">
</rect>
<text fill="#2F8F6B" font-size="8" font-weight="700" text-anchor="middle" x="380" y="84.67685809763583">
✓
</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>
</section>
<section aria-labelledby="categories-title" class="home-section" style="padding: 40px 0px; direction: rtl;">
<h2 id="categories-title" style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 8px; font-family: Vazirmatn, sans-serif;">
دسته‌بندی‌ها
</h2>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 32px; line-height: 1.7;">
کشف مطالب بر اساس حوزه تخصصی
</p>
<div class="categories-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;">
<div style="background: rgb(255, 255, 255); border-width: 1px 3px 1px 1px; border-style: solid; border-color: rgba(15, 107, 115, 0.19) rgb(15, 107, 115) rgba(15, 107, 115, 0.19) rgba(15, 107, 115, 0.19); border-image: initial; border-radius: 10px; padding: 20px 16px; cursor: pointer; direction: rtl; transition: 0.2s;">
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
هوش مصنوعی
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 10px;">
تحلیل‌های عمیق از پیشرفت‌های هوش مصنوعی و مدل‌های زبانی
</div>
<div style="font-size: 11px; color: rgb(15, 107, 115); font-weight: 600;">
22 مقاله
</div>
</div>
<div style="background: rgb(255, 255, 255); border-width: 1px 3px 1px 1px; border-style: solid; border-color: rgba(212, 154, 42, 0.19) rgb(212, 154, 42) rgba(212, 154, 42, 0.19) rgba(212, 154, 42, 0.19); border-image: initial; border-radius: 10px; padding: 20px 16px; cursor: pointer; direction: rtl; transition: 0.2s;">
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
علم داده
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 10px;">
تحلیل داده، یادگیری ماشین و مهندسی داده
</div>
<div style="font-size: 11px; color: rgb(212, 154, 42); font-weight: 600;">
3 مقاله
</div>
</div>
<div style="background: rgb(255, 255, 255); border-width: 1px 3px 1px 1px; border-style: solid; border-color: rgba(199, 109, 74, 0.19) rgb(199, 109, 74) rgba(199, 109, 74, 0.19) rgba(199, 109, 74, 0.19); border-image: initial; border-radius: 10px; padding: 20px 16px; cursor: pointer; direction: rtl; transition: 0.2s;">
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
استارتاپ
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 10px;">
اکوسیستم نوآوری و تحلیل استارتاپ‌های تکنولوژی
</div>
<div style="font-size: 11px; color: rgb(199, 109, 74); font-weight: 600;">
3 مقاله
</div>
</div>
<div style="background: rgb(255, 255, 255); border-width: 1px 3px 1px 1px; border-style: solid; border-color: rgba(47, 143, 107, 0.19) rgb(47, 143, 107) rgba(47, 143, 107, 0.19) rgba(47, 143, 107, 0.19); border-image: initial; border-radius: 10px; padding: 20px 16px; cursor: pointer; direction: rtl; transition: 0.2s;">
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
امنیت سایبری
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 10px;">
تحلیل تهدیدات سایبری و امنیت در دنیای دیجیتال
</div>
<div style="font-size: 11px; color: rgb(47, 143, 107); font-weight: 600;">
8 مقاله
</div>
</div>
<div style="background: rgb(255, 255, 255); border-width: 1px 3px 1px 1px; border-style: solid; border-color: rgba(95, 107, 109, 0.19) rgb(95, 107, 109) rgba(95, 107, 109, 0.19) rgba(95, 107, 109, 0.19); border-image: initial; border-radius: 10px; padding: 20px 16px; cursor: pointer; direction: rtl; transition: 0.2s;">
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
سخت‌افزار
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 10px;">
بررسی سخت‌افزار و تکنولوژی‌های نوین تراشه
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); font-weight: 600;">
12 مقاله
</div>
</div>
<div style="background: rgb(255, 255, 255); border-width: 1px 3px 1px 1px; border-style: solid; border-color: rgba(15, 107, 115, 0.19) rgb(15, 107, 115) rgba(15, 107, 115, 0.19) rgba(15, 107, 115, 0.19); border-image: initial; border-radius: 10px; padding: 20px 16px; cursor: pointer; direction: rtl; transition: 0.2s;">
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
نرم‌افزار
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 10px;">
دنیای توسعه نرم‌افزار و معماری سیستم
</div>
<div style="font-size: 11px; color: rgb(15, 107, 115); font-weight: 600;">
21 مقاله
</div>
</div>
<div style="background: rgb(255, 255, 255); border-width: 1px 3px 1px 1px; border-style: solid; border-color: rgba(212, 154, 42, 0.19) rgb(212, 154, 42) rgba(212, 154, 42, 0.19) rgba(212, 154, 42, 0.19); border-image: initial; border-radius: 10px; padding: 20px 16px; cursor: pointer; direction: rtl; transition: 0.2s;">
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
آینده فناوری
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 10px;">
نگاهی به تکنولوژی‌های آینده و تغییرات جهان
</div>
<div style="font-size: 11px; color: rgb(212, 154, 42); font-weight: 600;">
3 مقاله
</div>
</div>
</div>
</section>
<section style="padding: 60px 0px; direction: rtl;">
<h2 style="font-size: 22px; font-weight: 800; color: rgb(38, 50, 56); margin: 0px 0px 8px; font-family: Vazirmatn, sans-serif;">
نویسندگان تکناو
</h2>
<p style="font-size: 14px; color: rgb(95, 107, 109); margin: 0px 0px 32px; line-height: 1.7;">
متخصصانی که روایت عمیق فناوری را می‌نویسند
</p>
<div class="authors-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px;">
<div style="background: rgb(255, 255, 255); border: 1px solid rgb(228, 221, 210); border-radius: 12px; padding: 20px; cursor: pointer; text-align: center; transition: 0.2s;">
<div style="display: flex; justify-content: center; margin-bottom: 12px;">
<div style="width: 56px; height: 56px; border-radius: 50%; background: rgb(15, 107, 115); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 17.92px; font-weight: 700; flex-shrink: 0;">
آ
</div>
</div>
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
آرسام صباغ
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 8px;">
پژوهشگر ارشد هوش مصنوعی و مهندسی داده
</div>
<div style="font-size: 11px; color: rgb(15, 107, 115); font-weight: 600;">
63 مقاله
</div>
</div>
<div style="background: rgb(255, 255, 255); border: 1px solid rgb(228, 221, 210); border-radius: 12px; padding: 20px; cursor: pointer; text-align: center; transition: 0.2s;">
<div style="display: flex; justify-content: center; margin-bottom: 12px;">
<div style="width: 56px; height: 56px; border-radius: 50%; background: rgb(47, 143, 107); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 17.92px; font-weight: 700; flex-shrink: 0;">
س
</div>
</div>
<div style="font-size: 14px; font-weight: 700; color: rgb(38, 50, 56); margin-bottom: 4px;">
سیداحمدرضا محجوب
</div>
<div style="font-size: 11px; color: rgb(95, 107, 109); margin-bottom: 8px;">
تحلیلگر ارشد امنیت سایبری و هوش مصنوعی
</div>
<div style="font-size: 11px; color: rgb(15, 107, 115); font-weight: 600;">
10 مقاله
</div>
</div>
</div>
</section>
<section aria-labelledby="newsletter-title" style="padding: 40px 0px 60px; direction: rtl;">
<div class="newsletter-box" style="background: rgb(235, 227, 210); border-radius: 20px; padding: 52px 32px; text-align: center; position: relative; overflow: hidden; border: 1px solid rgba(15, 42, 46, 0.06);">
<div style="position: absolute; top: -80px; right: -80px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(15, 107, 115, 0.1) 0%, transparent 70%); pointer-events: none;">
</div>
<div style="position: absolute; bottom: -60px; left: -60px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(196, 106, 77, 0.1) 0%, transparent 70%); pointer-events: none;">
</div>
<div style="position: relative; z-index: 1;">
<div style="font-size: 22px; margin-bottom: 6px; color: rgb(15, 107, 115);">
✉
</div>
<h2 id="newsletter-title" style="font-size: 26px; font-weight: 800; color: rgb(15, 42, 46); margin: 0px 0px 10px; font-family: PelakFA, Vazirmatn, sans-serif; letter-spacing: -0.01em;">
عضو خبرنامه تکناو شوید
</h2>
<p style="font-size: 14px; color: rgb(74, 90, 92); margin: 0px auto 28px; line-height: 1.9; max-width: 520px;">
هر هفته بهترین مقاله‌های تحلیلی تکناو مستقیم در صندوق ورودی ایمیل شما
</p>
<form style="display: flex; flex-direction: column; gap: 16px; max-width: 460px; margin: 0px auto;">
<input dir="rtl" placeholder="آدرس ایمیل شما" style="flex: 1 1 0%; min-width: 200px; 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%;" type="email" value=""/>
<div style="direction: rtl;">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px; flex-wrap: wrap;">
<div style="border: 2px solid rgb(228, 221, 210); border-radius: 8px; padding: 8px; background: rgb(255, 255, 255); cursor: pointer; min-width: 200px; min-height: 80px; display: flex; align-items: center; justify-content: center; position: relative; transition: 0.2s;" title="برای تازه‌سازی کلیک کنید">
<div style="">
<svg height="80" viewbox="0 0 200 80" width="200" xmlns="http://www.w3.org/2000/svg">
<rect fill="#f0f0f0" height="80" width="200">
</rect>
<line opacity="0.3" stroke="#2F8F6B" stroke-width="1.5" x1="55.91339983740151" x2="49.53590824262641" y1="73.83424390550218" y2="23.426509865744674">
</line>
<line opacity="0.3" stroke="#C76D4A" stroke-width="1.5" x1="97.45832729115773" x2="53.99110080324632" y1="69.74031510838431" y2="52.72281834947336">
</line>
<line opacity="0.3" stroke="#5F6B6D" stroke-width="1.5" x1="139.0903355645742" x2="122.6509834960507" y1="16.776381693922904" y2="27.174510942495242">
</line>
<line opacity="0.3" stroke="#C76D4A" stroke-width="1.5" x1="135.47234618114797" x2="184.88061857272186" y1="34.95061106107137" y2="12.71473571156827">
</line>
<line opacity="0.3" stroke="#2F8F6B" stroke-width="1.5" x1="61.47193646116378" x2="95.06924423622887" y1="13.202370456255679" y2="34.608280553961976">
</line>
<text fill="#D49A2A" font-family="Arial, sans-serif" font-size="34.328057452371084" font-weight="bold" transform="rotate(-9.788335589397626 35.20139896990721 39.86417134191156)" x="35.20139896990721" y="39.86417134191156">
3
</text>
<text fill="#C76D4A" font-family="Arial, sans-serif" font-size="38.123231614627834" font-weight="bold" transform="rotate(-13.255566010206604 69.36012398767997 44.863017251106434)" x="69.36012398767997" y="44.863017251106434">
K
</text>
<text fill="#D49A2A" font-family="Arial, sans-serif" font-size="37.79064044431941" font-weight="bold" transform="rotate(-1.7077720916039363 104.95725426211627 43.779085856476456)" x="104.95725426211627" y="43.779085856476456">
W
</text>
<text fill="#2F8F6B" font-family="Arial, sans-serif" font-size="33.31130741094881" font-weight="bold" transform="rotate(3.0526973682149117 129.08203559518614 40.263591730736685)" x="129.08203559518614" y="40.263591730736685">
S
</text>
<text fill="#0F6B73" font-family="Arial, sans-serif" font-size="39.03444537479814" font-weight="bold" transform="rotate(0.6675171104308153 164.13292790449816 46.87979440026317)" x="164.13292790449816" y="46.87979440026317">
G
</text>
</svg>
</div>
</div>
<button style="padding: 10px 16px; background: rgb(15, 107, 115); color: rgb(255, 255, 255); border: none; border-radius: 8px; cursor: pointer; font-size: 13px; font-family: Vazirmatn, sans-serif; font-weight: 600; opacity: 1; transition: 0.2s;" type="button">
↻ تازه‌سازی
</button>
</div>
<input autocomplete="off" dir="ltr" maxlength="10" placeholder="کد امنیتی را وارد کنید" style="width: 100%; padding: 10px 14px; border: 1px solid rgb(228, 221, 210); border-radius: 8px; font-size: 14px; font-family: monospace; letter-spacing: 0.1em; text-align: center; background: rgb(255, 255, 255); transition: border-color 0.2s;" type="text" value=""/>
</div>
<button style="border: none; cursor: pointer; padding: 10px 24px; 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);" type="submit">
عضویت در خبرنامه
</button>
</form>
</div>
</div>
</section>
</div>
<style>
@keyframes pulse {
0%, 100% { box-shadow: 0 0 0 3px #D49A2A30; }
50% { box-shadow: 0 0 0 6px #D49A2A15; }
}
@media (max-width: 640px) {
.featured-card { grid-template-columns: 1fr !important; }
.featured-card .diagram-col { min-height: 200px; }
.hero-text { padding: 48px 16px 40px !important; }
.stats-bar-inner { grid-template-columns: repeat(2, 1fr) !important; }
.article-grid { grid-template-columns: 1fr !important; }
.authors-grid { grid-template-columns: repeat(2, 1fr) !important; }
.categories-grid { grid-template-columns: repeat(2, 1fr) !important; }
.newsletter-box { padding: 36px 20px !important; }
}
</style>
</main>
</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>