Update the architecture.

Author: m0ver

architecture.gif

@@ -422,7 +422,7 @@ <h2 id="features" class="lang" data-en="Key Features" data-fr="Caractéristiques
     <h2 id="architecture" class="lang" data-en="Architecture" data-fr="Architecture" data-de="Architektur" data-zh="架构">Architecture</h2>
     <p class="lang" data-en="tinystruct follows a modular, action-oriented architecture that enables code reuse between command-line applications and web services. The framework provides a unified interface through the @Action annotation mechanism, allowing developers to write code once and run it anywhere." data-fr="tinystruct suit une architecture modulaire, orientée action qui permet la réutilisation du code entre les applications en ligne de commande et les services Web. Le framework fournit une interface unifiée grâce au mécanisme d'annotation @Action, permettant aux développeurs d'écrire le code une fois et de l'exécuter partout." data-de="tinystruct folgt einer modularen, aktionsorientierten Architektur, die die Wiederverwendung von Code zwischen Befehlszeilenanwendungen und Webdiensten ermöglicht. Das Framework bietet eine einheitliche Schnittstelle durch den @Action-Annotationsmechanismus, der es Entwicklern ermöglicht, Code einmal zu schreiben und überall auszuführen." data-zh="tinystruct 遵循模块化、面向动作的架构，实现命令行应用程序和 Web 服务之间的代码复用。该框架通过 @Action 注解机制提供统一接口，允许开发人员一次编写代码，随处运行。">tinystruct follows a modular, action-oriented architecture that enables code reuse between command-line applications and web services. The framework provides a unified interface through the @Action annotation mechanism, allowing developers to write code once and run it anywhere.</p>
     <div class="architecture-image" style="text-align: center; margin: 20px 0;">
-        <img src="tinystruct.png" alt="tinystruct Architecture" style="max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
+        <img src="architecture.gif" alt="tinystruct Architecture" style="max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
     </div>
     <p class="lang" data-en="The diagram above illustrates how tinystruct allows applications to be accessed through both web services and command-line interfaces using the same underlying code. This architecture promotes code reusability, maintainability, and flexibility in deployment options." data-fr="Le diagramme ci-dessus illustre comment tinystruct permet aux applications d'être accessibles à la fois via des services Web et des interfaces en ligne de commande en utilisant le même code sous-jacent. Cette architecture favorise la réutilisabilité du code, la maintenabilité et la flexibilité des options de déploiement." data-de="Das obige Diagramm veranschaulicht, wie tinystruct es ermöglicht, auf Anwendungen sowohl über Webdienste als auch über Befehlszeilenschnittstellen mit demselben zugrunde liegenden Code zuzugreifen. Diese Architektur fördert die Wiederverwendbarkeit von Code, die Wartbarkeit und die Flexibilität bei den Bereitstellungsoptionen." data-zh="上图说明了 tinystruct 如何允许应用程序使用相同的底层代码通过 Web 服务和命令行界面访问。这种架构促进了代码的可重用性、可维护性和部署选项的灵活性。">The diagram above illustrates how tinystruct allows applications to be accessed through both web services and command-line interfaces using the same underlying code. This architecture promotes code reusability, maintainability, and flexibility in deployment options.</p>