docs: visual guides with platform screenshots (Gitea, ArgoCD, Grafana, Prometheus)

.vitepress/config.mts

@@ -99,6 +99,10 @@ export default defineConfig({
             collapsed: false,
             items: [
               { text: 'Обзор', link: '/infrastructure/test-contour/' },
+              { text: 'Визуальные гайды', link: '/infrastructure/test-contour/guides/' },
+              { text: 'Gitea: теги и CI/CD', link: '/infrastructure/test-contour/guides/gitea-ci' },
+              { text: 'ArgoCD: приложения', link: '/infrastructure/test-contour/guides/argocd' },
+              { text: 'Grafana / Prometheus / Loki', link: '/infrastructure/test-contour/guides/monitoring' },
               { text: 'Что сделано + перенос на сервер', link: '/infrastructure/test-contour/test-contour-article' },
               { text: 'Система тегов CI/CD', link: '/infrastructure/test-contour/tags' },
               { text: 'ArgoCD: sova-root и data-test', link: '/infrastructure/test-contour/argocd-apps' }

.vitepress/theme/style.css

@@ -13,3 +13,21 @@
   max-width: 100%;
   height: auto;
 }
+
+/* Platform guide screenshots */
+.vp-doc img[src*="/screenshots/"] {
+  display: block;
+  margin: 1rem auto 0.5rem;
+  max-width: 100%;
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
+}
+
+.vp-doc img[src*="/screenshots/"] + em,
+.vp-doc p:has(+ img[src*="/screenshots/"]) {
+  display: block;
+  text-align: center;
+  color: var(--vp-c-text-2);
+  font-size: 0.9em;
+}