diff --git a/page-articles.php b/page-articles.php
index c4755e3..3141487 100644
--- a/page-articles.php
+++ b/page-articles.php
@@ -30,14 +30,16 @@ $total_pages = ceil($total / $per_page);
-
-
-
π¬
-
π
+
+
+
+
+
+
'article-avatar')); ?>
+
+ π¬
+ π
+
diff --git a/style.css b/style.css
index ddcbe83..5fbbf05 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,6 @@
/*
Theme Name: η©Ίη¬Ίζͺε―
-Version: 0.15.5
+Version: 0.16.0
Requires at least: 6.0
Requires PHP: 7.4
License: MIT
@@ -270,7 +270,12 @@ body.home .site,
body .site { width: 100% !important; }
.platform { width: 100% !important; max-width: 960px !important; }
-.article-item { display:flex; justify-content:space-between; align-items:baseline; padding:18px 0; border-bottom:1px solid var(--border-light); cursor:pointer; transition:all 0.25s; text-decoration:none; color:inherit; }
+.article-item { display:flex; align-items:center; padding:18px 0; border-bottom:1px solid var(--border-light); cursor:pointer; transition:all 0.25s; text-decoration:none; color:inherit; }
+.article-item__main { flex:1; min-width:0; }
+.article-item__title-row { display:flex; justify-content:space-between; align-items:center; gap:12px; }
+.article-item__sub-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:4px; }
+.article-item__stats { display:flex; gap:10px; align-items:center; }
+.article-item__stats span { display:inline-flex; align-items:center; line-height:1; }
.article-item:hover { padding-left:12px; border-bottom-color:var(--cinnabar-light); }
.article-item__main { flex:1; min-width:0; }
.article-title { font-size:16px; letter-spacing:0.05em; display:block; }
@@ -279,7 +284,6 @@ body .site { width: 100% !important; }
.article-item__meta { display:flex; flex-direction:column; align-items:flex-end; gap:4px; font-size:12px; color:var(--ink-lighter); white-space:nowrap; margin-left:24px; }
.article-item__stats { display:flex; gap:10px; align-items:center; }
.article-item__stats span { display:inline-flex; align-items:center; line-height:1; }
-.article-item__date { font-size:12px; color:var(--ink-lighter); }
.article-item__views { font-size:11px; color:var(--ink-lighter); }
@@ -317,10 +321,6 @@ echo "done"
height: 100%;
object-fit: cover;
}
-.article-item {
- display: flex;
- align-items: center;
-}
.avatar, .pinned-avatar, .card-avatar, .tucao-avatar, .article-avatar, .avatar-sm {
object-fit: cover !important;