更新blog界面

public/themes/template3/assets/css/main.css

@@ -1909,9 +1909,38 @@ section,
 }
 
 .blog-posts .post-img {
-  max-height: 240px;
+  height: 240px;
   margin: -30px -30px 15px -30px;
   overflow: hidden;
+  position: relative;
+}
+
+.blog-posts .post-img img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover; /* 居中裁剪，撑满容器 */
+  object-position: center;
+  display: block;
+}
+
+/* 新结构：blog.php 中的预览图容器 */
+.blog-posts .post-media {
+  height: 240px;
+  margin: -30px -30px 15px -30px;
+  overflow: hidden;
+  position: relative;
+}
+
+.blog-posts .post-media-img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+  display: block;
 }
 
 .blog-posts .post-category {
@@ -1921,11 +1950,15 @@ section,
 }
 
 .blog-posts .title {
+  height: 48px;
   font-size: 20px;
   font-weight: 700;
   padding: 0;
   margin: 0 0 20px 0;
-  height: 48px;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
 
 .blog-posts .title a {