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

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

css/homepage-other.less

@@ -1,53 +1,3 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
-    font-weight: 400;
-    font-style: normal;
-}
-
-body {
-    background-color: rgba(238, 242, 245, 1);
-}
-
-/* 公共的 css 样式 */
-.flexflex {
-    display: flex;
-}
-
-.flexcenter {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.flexjcenter {
-    display: flex;
-    justify-content: center;
-}
-
-.flexacenter {
-    display: flex;
-    align-items: center;
-}
-
-.flex1 {
-    flex: 1;
-}
-
-.flexcolumn {
-    display: flex;
-    flex-direction: column;
-}
-
-.one-line-display {
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 #homepage-other {
     width: 1200px;
     margin: 0 auto;
@@ -251,7 +201,7 @@ body {
             }
 
             .medal-area {
-                margin: 0 30px 44px;
+                margin: 0 30px 36px;
                 align-self: self-start;
 
                 .title {
@@ -266,6 +216,7 @@ body {
                         height: 30px;
                         max-width: 30px;
                         margin-right: 8px;
+                        margin-bottom: 8px;
                     }
                 }
             }
@@ -461,6 +412,31 @@ body {
                         margin-bottom: 20px;
                     }
                 }
+
+                .empty {
+                    width: 725px;
+                    height: 360px;
+                    background-color: rgba(255, 255, 255, 1);
+                    border: 1px solid rgba(233, 238, 242, 1);
+                    border-radius: 10px;
+                    flex-direction: column;
+                    .empty-icon {
+                        width: 80px;
+                        height: 94px;
+                    }
+
+                    .empty-text {
+                        font-size: 14px;
+                        color: #7f7f7f;
+                        margin-top: 10px;
+                    }
+                }
+
+                .load-more {
+                    padding: 20px 0 40px;
+                    color: #7f7f7f;
+                    font-size: 14px;
+                }
             }
         }
     }