feat: 新增详情页和个人主页功能及组件优化

- 添加详情页(details.html)和个人主页(homepage-me.html)的完整功能实现
- 新增多个图片资源用于UI展示
- 优化item-head、item-bottom等组件的数据绑定和交互逻辑
- 添加公共工具函数(public.js)包括时间处理和网络请求
- 完善CSS样式文件，增加响应式布局和交互效果
- 实现用户信息展示、帖子详情、相关帖子推荐等功能模块
- 添加签到、投币等交互功能
- 优化组件模板结构和数据传递方式

css/public.less

@@ -48,6 +48,14 @@ body {
     text-overflow: ellipsis;
 }
 
+.two-line-display {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .item-box {
     max-width: 897px;
     width: 100%;
@@ -108,7 +116,7 @@ body {
     }
 
     .label {
-        margin-bottom: 10px;
+        flex-wrap: wrap;
 
         .item {
             font-size: 14px;
@@ -118,6 +126,7 @@ body {
             line-height: 24px;
             background-color: rgba(242, 242, 242, 1);
             border-radius: 6px;
+            margin-bottom: 10px;
 
             &.icon {
                 padding: 0;
@@ -476,6 +485,71 @@ body {
         }
     }
 
+    &.item-tenement {
+        .title {
+            font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+            font-weight: 650;
+            font-style: normal;
+            font-size: 20px;
+            color: #000000;
+            line-height: 36px;
+            margin-bottom: 10px;
+        }
+
+        .site-box {
+            margin-bottom: 10px;
+
+            .site-item {
+                .site-icon {
+                    width: 18px;
+                    height: 18px;
+                    margin-right: 4px;
+                }
+
+                font-size: 15px;
+                color: #555555;
+            }
+        }
+
+        .price-section {
+            font-size: 14px;
+            color: #7f7f7f;
+            margin-bottom: 21px;
+            .unit {
+                font-family: "Arial-Black", "Arial Black", sans-serif;
+                font-weight: 900;
+                color: #000000;
+                margin-right: 6px;
+            }
+
+            .price {
+                font-family: "Arial-Black", "Arial Black", sans-serif;
+                font-weight: 900;
+                font-size: 20px;
+                color: #f95d5d;
+                margin-right: 7px;
+            }
+
+            .text {
+                color: #555555;
+                margin-right: 21px;
+            }
+        }
+
+        .picture {
+            overflow: auto;
+            .picture-item {
+                width: 120px;
+                height: 100px;
+                border-radius: 10px;
+
+                &:not(:last-child) {
+                    margin-right: 10px;
+                }
+            }
+        }
+    }
+
     .comment {
         height: 40px;
         background-color: rgba(246, 246, 246, 1);