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

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

css/public.css

@@ -39,6 +39,13 @@ body {
   overflow: hidden;
   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%;
@@ -91,7 +98,7 @@ body {
   height: 18px;
 }
 .item-box .label {
-  margin-bottom: 10px;
+  flex-wrap: wrap;
 }
 .item-box .label .item {
   font-size: 14px;
@@ -101,6 +108,7 @@ body {
   line-height: 24px;
   background-color: #f2f2f2;
   border-radius: 6px;
+  margin-bottom: 10px;
 }
 .item-box .label .item.icon {
   padding: 0;
@@ -395,6 +403,60 @@ body {
   font-size: 14px;
   color: #555555;
 }
+.item-box.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;
+}
+.item-box.item-tenement .site-box {
+  margin-bottom: 10px;
+}
+.item-box.item-tenement .site-box .site-item {
+  font-size: 15px;
+  color: #555555;
+}
+.item-box.item-tenement .site-box .site-item .site-icon {
+  width: 18px;
+  height: 18px;
+  margin-right: 4px;
+}
+.item-box.item-tenement .price-section {
+  font-size: 14px;
+  color: #7f7f7f;
+  margin-bottom: 21px;
+}
+.item-box.item-tenement .price-section .unit {
+  font-family: "Arial-Black", "Arial Black", sans-serif;
+  font-weight: 900;
+  color: #000000;
+  margin-right: 6px;
+}
+.item-box.item-tenement .price-section .price {
+  font-family: "Arial-Black", "Arial Black", sans-serif;
+  font-weight: 900;
+  font-size: 20px;
+  color: #f95d5d;
+  margin-right: 7px;
+}
+.item-box.item-tenement .price-section .text {
+  color: #555555;
+  margin-right: 21px;
+}
+.item-box.item-tenement .picture {
+  overflow: auto;
+}
+.item-box.item-tenement .picture .picture-item {
+  width: 120px;
+  height: 100px;
+  border-radius: 10px;
+}
+.item-box.item-tenement .picture .picture-item:not(:last-child) {
+  margin-right: 10px;
+}
 .item-box .comment {
   height: 40px;
   background-color: #f6f6f6;