fix(homepage): make post stream visible (panel opacity + posts display)

Active homepage tab pane was stuck at opacity:0, and custom <posts>
elements lacked display:block, so published items rendered in HTML but
were effectively invisible. Style list cards under #index-tab-main too.

assets/css/frontend/homepage-fixed/base-2.css

@@ -62,10 +62,21 @@
 }
 
 .aksrt-homepage__panel {
+  /* Inactive panes start transparent; active pane must be fully visible. */
   opacity: 0;
   transition: opacity 0.3s ease;
 }
 
+.aksrt-homepage__panel.is-active,
+.aksrt-homepage__panel.active,
+.aksrt-homepage__panel.fade.in,
+.aksrt-homepage__panel.tab-pane.active,
+#index-tab-main.aksrt-homepage__panel,
+#index-tab-main.posts-row {
+  opacity: 1;
+  display: block;
+}
+
 .aksrt-homepage__panel-contract {
   display: none;
 }
@@ -80,7 +91,10 @@
   margin: 0;
 }
 
-.aksrt-homepage__posts > .posts-item.list {
+/* List cards: wrapped (.aksrt-homepage__posts) OR direct panel children (skip_wrapper). */
+.aksrt-homepage__posts > .posts-item.list,
+.posts-row.ajaxpager > .posts-item.list,
+#index-tab-main > .posts-item.list {
   width: 100%;
   margin: 15px 0;
   padding: 20px;
@@ -94,19 +108,26 @@
   box-shadow: var(--shadow-sm);
   overflow: hidden;
   transition: box-shadow 0.2s ease;
+  font-size: 1rem;
+  opacity: 1;
 }
 
-.aksrt-homepage__posts > .posts-item.list:last-child {
+.aksrt-homepage__posts > .posts-item.list:last-child,
+.posts-row.ajaxpager > .posts-item.list:last-child,
+#index-tab-main > .posts-item.list:last-child {
   margin-bottom: 0;
 }
 
-.aksrt-homepage__posts > .posts-item.list:hover {
+.aksrt-homepage__posts > .posts-item.list:hover,
+.posts-row.ajaxpager > .posts-item.list:hover,
+#index-tab-main > .posts-item.list:hover {
   box-shadow: var(--shadow);
   transform: none;
 }
 
 html.dark .aksrt-homepage__posts > .posts-item.list:hover,
-html.dark .aksrt-homepage__posts > .posts-item.list:hover {
+html.dark .posts-row.ajaxpager > .posts-item.list:hover,
+html.dark #index-tab-main > .posts-item.list:hover {
   box-shadow: 0 4px 16px rgba(24, 24, 24, 0.22);
 }
 
@@ -217,7 +238,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   padding: 2px 0 0;
 }
 
-.aksrt-homepage__posts > .posts-item.list .item-body {
+.aksrt-homepage__posts > .posts-item.list .item-body,
+.posts-row.ajaxpager > .posts-item.list .item-body,
+#index-tab-main > .posts-item.list .item-body {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -228,7 +251,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   flex: 1 1 auto;
 }
 
-.aksrt-homepage__posts .item-heading {
+.aksrt-homepage__posts .item-heading,
+#index-tab-main .item-heading,
+.posts-row.ajaxpager .item-heading {
   margin: 0 0 2px;
   font-size: 18px;
   font-weight: 500;
@@ -242,16 +267,22 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   color: var(--color-ink);
 }
 
-.aksrt-homepage__posts .item-heading a {
+.aksrt-homepage__posts .item-heading a,
+#index-tab-main .item-heading a,
+.posts-row.ajaxpager .item-heading a {
   color: inherit;
   text-decoration: none;
 }
 
-.aksrt-homepage__posts .item-heading a:hover {
+.aksrt-homepage__posts .item-heading a:hover,
+#index-tab-main .item-heading a:hover,
+.posts-row.ajaxpager .item-heading a:hover {
   color: var(--color-primary, var(--color-primary));
 }
 
-.aksrt-homepage__posts .item-excerpt {
+.aksrt-homepage__posts .item-excerpt,
+#index-tab-main .item-excerpt,
+.posts-row.ajaxpager .item-excerpt {
   margin: 0;
   color: var(--main-color, #4e5358);
   font-size: 14px;
@@ -262,7 +293,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   overflow: hidden;
 }
 
-.aksrt-homepage__posts .item-tags {
+.aksrt-homepage__posts .item-tags,
+#index-tab-main .item-tags,
+.posts-row.ajaxpager .item-tags {
   display: flex;
   align-items: center;
   min-height: 0;
@@ -282,7 +315,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   font-weight: 400;
 }
 
-.aksrt-homepage__posts .item-meta {
+.aksrt-homepage__posts .item-meta,
+#index-tab-main .item-meta,
+.posts-row.ajaxpager .item-meta {
   display: flex;
   align-items: center;
   justify-content: space-between;