style: интеграция VK комментариев с Blowfish цветовой схемой

layouts/partials/comments.html

@@ -1,5 +1,8 @@
-<!-- VK Comments Widget -->
-<div id="vk_comments"></div>
+<!-- VK Comments Widget with Blowfish styling -->
+<div class="vk-comments-wrap">
+  <div id="vk_comments"></div>
+</div>
+
 <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
 <script type="text/javascript">
   VK.init({apiId: 54459311, onlyWidgets: true});
@@ -7,6 +10,30 @@
     limit: 10,
     attach: "*",
     autoPublish: 0,
-    pageUrl: "{{ .Permalink }}"
+    pageUrl: "{{ .Permalink }}",
+    width: "auto"
   });
 </script>
+
+<style>
+.vk-comments-wrap {
+  background: rgb(var(--color-neutral-50));
+  color: rgb(var(--color-neutral-900));
+  border: 1px solid rgb(var(--color-neutral-200));
+  border-radius: 12px;
+  padding: 24px;
+  margin-top: 3rem;
+  margin-bottom: 4rem;
+}
+
+/* Dark mode */
+.dark .vk-comments-wrap {
+  background: rgb(var(--color-neutral-900));
+  color: rgb(var(--color-neutral-50));
+  border-color: rgb(var(--color-neutral-700));
+}
+
+#vk_comments { 
+  width: 100% !important; 
+}
+</style>