diff --git a/component/item-bottom/item-bottom.js b/component/item-bottom/item-bottom.js
index 22f6782..5bc57f6 100644
--- a/component/item-bottom/item-bottom.js
+++ b/component/item-bottom/item-bottom.js
@@ -5,10 +5,6 @@ const { defineComponent, ref } = Vue;
 export const itemBottom = defineComponent({
     name: "item-bottom",
     props: {
-        title: {
-            type: String,
-            default: "默认标题",
-        },
         itemdata: {
             type: Object,
             default: () => {},
@@ -17,8 +13,11 @@ export const itemBottom = defineComponent({
 
     setup(props) {
         let item = ref({ ...props.itemdata });
+        const likeClick = (item) => {
+            console.log("item", item);
+        };
         return { item };
     },
 
-    template: `<div class="comment flexacenter" v-if="!Array.isArray(item?.commentreviews)">    <img class="icon" :src="item?.commentreviews?.avatar" />    <div class="text one-line-display">{{ item?.commentreviews?.content }}</div></div><div class="bottom flexacenter">    <div class="bottom-item like flexacenter">        <img class="icon" src="./img/like-icon.png" />        <div class="text">{{ item.likes || "赞" }}</div>    </div>    <div class="bottom-item like flexacenter">        <img class="icon" src="./img/collect-golden.svg" />        <div class="text">{{ item.collections || "收藏" }}</div>    </div>    <div class="bottom-item like flexacenter">        <img class="icon" src="./img/discuss-icon.png" />        <div class="text">{{ item.comments || "讨论" }}</div>    </div>    <div class="bottom-item like flexacenter">        <img class="icon" src="./img/bi-copper-icon.png" />        <div class="text">{{ item.coins || "投币" }}</div>    </div>    <div class="bottom-item like flexacenter">        <img class="icon" src="./img/share-gray.png" />        <div class="text">转发</div>    </div></div>`,
+    template: `<div class="comment flexacenter" v-if="!Array.isArray(item?.commentreviews)">    <img class="icon" :src="item?.commentreviews?.avatar" />    <div class="text one-line-display">{{ item?.commentreviews?.content }}</div></div><div class="bottom flexacenter">    <div class="bottom-item like flexacenter" @click="likeClick(item)">        <image wx:if="{{ item.is_like }}" class="icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/like-red.png"></image>        <img v-if="item.is_like" class="icon" src="./img/like-red-icon.png" />        <img v-else class="icon" src="./img/like-icon.png" />                <div class="text">{{ item.likes || "赞" }}</div>    </div>    <div class="bottom-item like flexacenter">        <img class="icon" src="./img/collect-golden.svg" />        <div class="text">{{ item.collections || "收藏" }}</div>    </div>    <div class="bottom-item  flexacenter">        <img class="icon" src="./img/discuss-icon.png" />        <div class="text">{{ item.comments || "讨论" }}</div>    </div>    <div class="bottom-item  flexacenter">        <img class="icon" src="./img/bi-copper-icon.png" />        <div class="text">{{ item.coins || "投币" }}</div>    </div>    <div class="bottom-item flexacenter">        <img class="icon" src="./img/share-gray.png" />        <div class="text">转发</div>    </div></div>`,
 });
diff --git a/component/item-bottom/item-bottom.txt b/component/item-bottom/item-bottom.txt
index a2c34ad..e9afbaa 100644
--- a/component/item-bottom/item-bottom.txt
+++ b/component/item-bottom/item-bottom.txt
@@ -3,25 +3,29 @@
     <div class="text one-line-display">{{ item?.commentreviews?.content }}</div>
 </div>
 <div class="bottom flexacenter">
-    <div class="bottom-item like flexacenter">
-        <img class="icon" src="./img/like-icon.png" />
+    <div class="bottom-item like flexacenter" @click="likeClick(item)">
+        <image wx:if="{{ item.is_like }}" class="icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/like-red.png"></image>
+
+        <img v-if="item.is_like" class="icon" src="./img/like-red-icon.png" />
+        <img v-else class="icon" src="./img/like-icon.png" />
+        
         <div class="text">{{ item.likes || "赞" }}</div>
     </div>
     <div class="bottom-item like flexacenter">
         <img class="icon" src="./img/collect-golden.svg" />
         <div class="text">{{ item.collections || "收藏" }}</div>
     </div>
-    <div class="bottom-item like flexacenter">
+    <div class="bottom-item  flexacenter">
         <img class="icon" src="./img/discuss-icon.png" />
         <div class="text">{{ item.comments || "讨论" }}</div>
     </div>
 
-    <div class="bottom-item like flexacenter">
+    <div class="bottom-item  flexacenter">
         <img class="icon" src="./img/bi-copper-icon.png" />
         <div class="text">{{ item.coins || "投币" }}</div>
     </div>
 
-    <div class="bottom-item like flexacenter">
+    <div class="bottom-item flexacenter">
         <img class="icon" src="./img/share-gray.png" />
         <div class="text">转发</div>
     </div>
diff --git a/component/item-forum/item-forum.js b/component/item-forum/item-forum.js
index 8de34d4..afbc3bf 100644
--- a/component/item-forum/item-forum.js
+++ b/component/item-forum/item-forum.js
@@ -1,6 +1,6 @@
 // my-component.js
 // 引入全局 Vue 对象（因在 HTML 中通过 script 引入，Vue 已挂载到 window）
-const { defineComponent } = Vue;
+const { defineComponent, ref } = Vue;
 import { itemBottom } from "../item-bottom/item-bottom.js";
 import { itemHead } from "../item-head/item-head.js";
 
@@ -8,16 +8,20 @@ import { itemHead } from "../item-head/item-head.js";
 export const itemForum = defineComponent({
     name: "item-forum",
     props: {
-        title: {
-            type: String,
-            default: "默认标题",
+        itemdata: {
+            type: Object,
+            default: () => {},
         },
     },
-    // 方法
-    methods: {
-        handleClick() {
-            alert("组件按钮被点击");
-        },
+
+    setup(props) {
+        let res = props.itemdata;
+        res.content = res?.content?.replace(/\[.*?\]/g, "");
+        res.content = res?.content?.replace(/\<.*?\>/g, "");
+        res.content = res?.content?.replace(/\[.*?\../g, "");
+
+        let item = ref({ ...res });
+        return { item };
     },
 
     components: {
@@ -25,5 +29,5 @@ export const itemForum = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-forum">    <item-head></item-head>    <div class="label flexflex">        <img class="item icon" src="./img/recommend-icon.png" />        <img class="item icon" src="./img/essence-icon.png" />        <div class="item blue">香港</div>        <div class="item">香港</div>    </div>    <div class="title">【干货】香港留学费用准备</div>    <div class="message">在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…</div>    <item-bottom></item-bottom></div>`,
+    template: `<div class="item-box item-forum">    <item-head :itemdata="item"></item-head>    <div v-if="item.title" class="title">{{ item.title }}</div>    <div class="message two-line-display">{{ item.content }}</div>    <item-bottom :itemdata="item"></item-bottom></div>`,
 });
diff --git a/component/item-forum/item-forum.txt b/component/item-forum/item-forum.txt
index 21f862f..40b92ef 100644
--- a/component/item-forum/item-forum.txt
+++ b/component/item-forum/item-forum.txt
@@ -1,15 +1,9 @@
 <div class="item-box item-forum">
-    <item-head></item-head>
-    <div class="label flexflex">
-        <img class="item icon" src="./img/recommend-icon.png" />
-        <img class="item icon" src="./img/essence-icon.png" />
-        <div class="item blue">香港</div>
-        <div class="item">香港</div>
-    </div>
+    <item-head :itemdata="item"></item-head>
 
-    <div class="title">【干货】香港留学费用准备</div>
+    <div v-if="item.title" class="title">{{ item.title }}</div>
 
-    <div class="message">在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…</div>
+    <div class="message two-line-display">{{ item.content }}</div>
 
-    <item-bottom></item-bottom>
+    <item-bottom :itemdata="item"></item-bottom>
 </div>
\ No newline at end of file
diff --git a/component/item-head/item-head.js b/component/item-head/item-head.js
index 1b9e63c..9759e0e 100644
--- a/component/item-head/item-head.js
+++ b/component/item-head/item-head.js
@@ -1,22 +1,32 @@
 // my-component.js
 // 引入全局 Vue 对象（因在 HTML 中通过 script 引入，Vue 已挂载到 window）
-const { defineComponent } = Vue;
+const { defineComponent, ref } = Vue;
 
 // 定义组件（直接使用模板）
 export const itemHead = defineComponent({
     name: "item-head",
     props: {
-        title: {
-            type: String,
-            default: "默认标题",
-        },
-    },
-    // 方法
-    methods: {
-        handleClick() {
-            alert("组件按钮被点击");
+        itemdata: {
+            type: Object,
+            default: () => {},
         },
     },
 
-    template: `<div class="item-head flexacenter">    <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />    <div class="name">小P学姐</div>    <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" />    <div class="time">2025-8-11 01:30</div>    <div class="flex1"></div>    <div class="view flexacenter">        <img class="icon" src="https://app.gter.net/image/miniApp/offer/eye-icon.svg" />        <div class="text">3016</div>    </div>    <div class="btn flexcenter" @click="cutShow">        <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />    </div>    <!-- <template v-if="show">                        <div class="mask" catch:tap="cutShow" catch:touchmove="touchmove"></div>                        <div class="operate" catch:tap="true">                            <div class="item" bind:tap="report">举报</div>                            <template v-if="ismanager">                                <div class="item" bind:tap="hide">{{ item.hidden == 0 ? '隐藏' : '显示' }}</div>                                <div class="item" bind:tap="recommend">{{ item.recommend == 1 ? '取消' : '' }}推荐</div>                                <div class="item" bind:tap="essence">{{ item.best == 1 ? '取消' : '' }}精华</div>                            </template>                        </div>                    </template> --></div>  `,
+    setup(props) {
+        let sectionn = ref([]);
+        let tags = ref([]);
+        let item = ref({ ...props.itemdata });
+
+        let timestamp = ref(strtimeago(item.value.release_at, 4));
+
+        if (item.value.type == "tenement") timestamp = timeago(item.value.updatetime, 2);
+        sectionn.value = item.value.sectionn || [];
+
+        const sectionSet = new Set(sectionn.value);
+        tags.value = item.value.tags.filter((tag) => !sectionSet.has(tag));
+
+        return { item, timestamp, sectionn, tags };
+    },
+
+    template: `<div class="item-head flexacenter">    <img class="avatar" :src="item.user.avatar || item.avatar" />    <div class="name">{{ item.user.nickname || item.nickname || '匿名用户' }}</div>    <!-- <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" /> -->    <div class="time">{{ timestamp }}</div>    <div class="flex1"></div>    <div class="view flexacenter">        <img class="icon" src="https://app.gter.net/image/miniApp/offer/eye-icon.svg" />        <div class="text">{{ item.views }}</div>    </div>    <div class="btn flexcenter">        <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />    </div>    <!-- <template v-if="show">                        <div class="mask" catch:tap="cutShow" catch:touchmove="touchmove"></div>                        <div class="operate" catch:tap="true">                            <div class="item" bind:tap="report">举报</div>                            <template v-if="ismanager">                                <div class="item" bind:tap="hide">{{ item.hidden == 0 ? '隐藏' : '显示' }}</div>                                <div class="item" bind:tap="recommend">{{ item.recommend == 1 ? '取消' : '' }}推荐</div>                                <div class="item" bind:tap="essence">{{ item.best == 1 ? '取消' : '' }}精华</div>                            </template>                        </div>                    </template> --></div><div class="label flexflex" v-if="sectionn.length || tags.length">    <img class="item icon" src="./img/recommend-icon.png" />    <img class="item icon" src="./img/essence-icon.png" />    <div class="item blue" v-for="(item, index) in sectionn" :key="item">{{ item }}</div>    <div class="item" v-for="(item, index) in tags" :key="item">{{ item }}</div></div>`,
 });
diff --git a/component/item-head/item-head.txt b/component/item-head/item-head.txt
index dbe4d10..da1ea1a 100644
--- a/component/item-head/item-head.txt
+++ b/component/item-head/item-head.txt
@@ -1,16 +1,16 @@
 <div class="item-head flexacenter">
-    <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
-    <div class="name">小P学姐</div>
-    <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" />
-    <div class="time">2025-8-11 01:30</div>
+    <img class="avatar" :src="item.user.avatar || item.avatar" />
+    <div class="name">{{ item.user.nickname || item.nickname || '匿名用户' }}</div>
+    <!-- <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" /> -->
+    <div class="time">{{ timestamp }}</div>
     <div class="flex1"></div>
 
     <div class="view flexacenter">
         <img class="icon" src="https://app.gter.net/image/miniApp/offer/eye-icon.svg" />
-        <div class="text">3016</div>
+        <div class="text">{{ item.views }}</div>
     </div>
 
-    <div class="btn flexcenter" @click="cutShow">
+    <div class="btn flexcenter">
         <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />
     </div>
 
@@ -25,4 +25,11 @@
                             </template>
                         </div>
                     </template> -->
-</div>  
\ No newline at end of file
+</div>
+
+<div class="label flexflex" v-if="sectionn.length || tags.length">
+    <img class="item icon" src="./img/recommend-icon.png" />
+    <img class="item icon" src="./img/essence-icon.png" />
+    <div class="item blue" v-for="(item, index) in sectionn" :key="item">{{ item }}</div>
+    <div class="item" v-for="(item, index) in tags" :key="item">{{ item }}</div>
+</div>
\ No newline at end of file
diff --git a/component/item-offer/item-offer.js b/component/item-offer/item-offer.js
index 84c0057..9017cbe 100644
--- a/component/item-offer/item-offer.js
+++ b/component/item-offer/item-offer.js
@@ -8,21 +8,11 @@ import { itemHead } from "../item-head/item-head.js";
 export const itemOffer = defineComponent({
     name: "item-offer",
     props: {
-        title: {
-            type: String,
-            default: "默认标题",
-        },
         item: {
             type: Object,
             default: () => {},
         },
     },
-    // 方法
-    methods: {
-        handleClick() {
-            alert("组件按钮被点击");
-        },
-    },
 
     components: {
         itemBottom,
diff --git a/component/item-summary/item-summary.js b/component/item-summary/item-summary.js
index ec4f2cb..be5dfa0 100644
--- a/component/item-summary/item-summary.js
+++ b/component/item-summary/item-summary.js
@@ -8,21 +8,11 @@ import { itemHead } from "../item-head/item-head.js";
 export const itemSummary = defineComponent({
     name: "item-summary",
     props: {
-        title: {
-            type: String,
-            default: "默认标题",
-        },
         item: {
             type: Object,
             default: () => {},
         },
     },
-    // 方法
-    methods: {
-        handleClick() {
-            alert("组件按钮被点击");
-        },
-    },
 
     components: {
         itemBottom,
diff --git a/component/item-tenement/item-tenement.js b/component/item-tenement/item-tenement.js
index 7a4f7e4..94f5086 100644
--- a/component/item-tenement/item-tenement.js
+++ b/component/item-tenement/item-tenement.js
@@ -34,5 +34,5 @@ export const itemTenement = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-vote">    <item-head :itemdata="item"></item-head>    <div class="title">{{ item.title }}</div>    <div class="message one-line-display" v-if="item.content">{{ item.content }}</div>    <div class="info flexacenter">        <template v-if="item.time">            <div class="status">进行中</div>            <div class="line"></div>            <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束        </template>        <div v-else class="status end">已结束</div>        <div class="line"></div>        <div class="num">{{ item?.data?.votes }}</div>人参与    </div>    <div class="list" :class="{ 'voted': !item.time || item.isvote }">        <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index">            <div class="list-top flexacenter">                <img v-if="item.selected" class="list-tick" src="/img/vote-tick.svg">                <div v-else class="list-serial flexcenter">{{ index + 1 }}</div>                <div class="list-text one-line-display flex1">{{ item.value }}</div>            </div>            <div class="list-bottom flexacenter">                <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }}            </div>        </div>    </div>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-tenement">    <item-head :itemdata="item"></item-head>    <div class="title">三房找一位室友合租，家具设备齐全</div>    <div class="site-box flexacenter">        <template v-if="item.intermediary == 6">            <div class="site-item flexacenter" v-for="(item, index) in item.location" :key="index">                <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/room.png">                {{ item }}            </div>        </template>        <div v-else class="site-item flexacenter">            <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/orientation.png">            {{ item.location || '九龙 > 尖沙咀/佐敦' }}        </div>    </div>    <div class="price-section flexacenter">        <div class="unit">HK$</div>        <div class="price">{{ item.rent }}</div>        <span class="text">/月</span>        <div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>    </div>    <div class="picture flexacenter">        <img class="picture-item" v-for="(item, index) in 15" :key="index" src="https://axure-file.lanhuapp.com/md5__34fc6e5f5fef1d31bbd4604d33be77cc.svg" alt="">    </div>    <item-bottom :itemdata="item"></item-bottom></div>`,
 });
diff --git a/component/item-tenement/item-tenement.txt b/component/item-tenement/item-tenement.txt
index 6e2c881..d6c3b5d 100644
--- a/component/item-tenement/item-tenement.txt
+++ b/component/item-tenement/item-tenement.txt
@@ -1,5 +1,30 @@
 <div class="item-box item-tenement">
     <item-head :itemdata="item"></item-head>
-    <!-- <div class="title">{{ item.title }}</div> -->
+    <div class="title">三房找一位室友合租，家具设备齐全</div>
+
+    <div class="site-box flexacenter">
+        <template v-if="item.intermediary == 6">
+            <div class="site-item flexacenter" v-for="(item, index) in item.location" :key="index">
+                <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/room.png">
+                {{ item }}
+            </div>
+        </template>
+        <div v-else class="site-item flexacenter">
+            <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/orientation.png">
+            {{ item.location || '九龙 > 尖沙咀/佐敦' }}
+        </div>
+    </div>
+
+    <div class="price-section flexacenter">
+        <div class="unit">HK$</div>
+        <div class="price">{{ item.rent }}</div>
+        <span class="text">/月</span>
+        <div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>
+    </div>
+
+    <div class="picture flexacenter">
+        <img class="picture-item" v-for="(item, index) in 15" :key="index" src="https://axure-file.lanhuapp.com/md5__34fc6e5f5fef1d31bbd4604d33be77cc.svg" alt="">
+    </div>
+
     <item-bottom :itemdata="item"></item-bottom>
 </div>
\ No newline at end of file
diff --git a/css/details.css b/css/details.css
new file mode 100644
index 0000000..fd3b7cf
--- /dev/null
+++ b/css/details.css
@@ -0,0 +1,496 @@
+#details {
+  width: 1200px;
+  margin: 0 auto;
+}
+#details .head-top {
+  margin-bottom: 30px;
+}
+#details .head-top .logo {
+  height: 52px;
+}
+#details .head-top .input-box {
+  width: 370px;
+  height: 40px;
+  background-color: #ebebeb;
+  border: 2px solid #d7d7d7;
+  border-radius: 11px;
+  padding: 0 15px;
+  justify-content: space-between;
+  margin-right: 20px;
+}
+#details .head-top .input-box .input {
+  border: none;
+  outline: none;
+  height: 100%;
+  background-color: transparent;
+}
+#details .head-top .input-box .icon {
+  width: 18px;
+  height: 18px;
+  margin-left: 15rpx;
+  cursor: pointer;
+}
+#details .head-top .post-list .post-item {
+  width: 84px;
+  height: 34px;
+  cursor: pointer;
+}
+#details .head-top .post-list .post-item:not(:last-child) {
+  margin-right: 10px;
+}
+#details .head-navigation {
+  margin-bottom: 20px;
+}
+#details .head-navigation .icon {
+  width: 16px;
+  height: 16px;
+}
+#details .head-navigation .arrows {
+  width: 7px;
+  height: 12px;
+  margin: 0 5px;
+}
+#details .head-navigation .text {
+  padding: 0 5px;
+  font-size: 14px;
+  color: #000000;
+  cursor: pointer;
+}
+#details .head-navigation .text:hover {
+  text-decoration: underline;
+}
+#details .matter {
+  align-items: flex-start;
+  margin-bottom: 50px;
+}
+#details .matter .matter-left {
+  width: 890px;
+  margin-right: 20px;
+}
+#details .matter .matter-left .block {
+  background-color: #ffffff;
+  border: 1px solid #e9eef2;
+  border-radius: 10px;
+  margin-bottom: 12px;
+}
+#details .matter .matter-left .matter-head {
+  height: 80px;
+  padding-left: 30px;
+  padding-right: 30px;
+  border-bottom: 1px solid #ebebeb;
+}
+#details .matter .matter-left .matter-head .avatar {
+  width: 40px;
+  height: 40px;
+  margin-right: 16px;
+}
+#details .matter .matter-left .matter-head .content {
+  flex-direction: column;
+}
+#details .matter .matter-left .matter-head .content .name {
+  font-size: 14px;
+  color: #333333;
+  margin-bottom: 2px;
+}
+#details .matter .matter-left .matter-head .content .name .icon {
+  height: 14px;
+}
+#details .matter .matter-left .matter-head .content .time {
+  font-size: 13px;
+  color: #aaaaaa;
+}
+#details .matter .matter-left .matter-head .operate .view {
+  font-size: 12px;
+  color: #aaaaaa;
+  margin-right: 15px;
+}
+#details .matter .matter-left .matter-head .operate .view .icon {
+  width: 13px;
+  height: 8px;
+  margin-right: 5px;
+}
+#details .matter .matter-left .matter-head .operate .btn {
+  width: 24px;
+  height: 16px;
+  background-color: #f2f2f2;
+  border-radius: 150px;
+}
+#details .matter .matter-left .matter-head .operate .btn .icon {
+  width: 18px;
+  height: 18px;
+}
+#details .matter .matter-left .label {
+  padding: 20px 30px 20px;
+}
+#details .matter .matter-left .label .item {
+  font-size: 14px;
+  color: #555555;
+  padding: 0 9px;
+  height: 24px;
+  line-height: 24px;
+  background-color: #f2f2f2;
+  border-radius: 6px;
+  margin-bottom: 10px;
+}
+#details .matter .matter-left .label .item.icon {
+  padding: 0;
+}
+#details .matter .matter-left .label .item:not(:last-child) {
+  margin-right: 10px;
+}
+#details .matter .matter-left .label .item.blue {
+  color: #ffffff;
+  background-color: #04b0d5;
+}
+#details .matter .matter-left .title {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 24px;
+  color: #000000;
+  line-height: 36px;
+  padding: 0 30px;
+  margin-bottom: 30px;
+}
+#details .matter .matter-left .html {
+  padding: 0 30px;
+  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+  font-size: 15px;
+  color: #555555;
+  line-height: 24px;
+  margin-bottom: 66px;
+}
+#details .matter .matter-left .last-time {
+  color: #aaaaaa;
+  font-size: 13px;
+  padding: 0 30px 20px;
+}
+#details .matter .matter-left .bottom {
+  border-top: 1px solid #ebebeb;
+  height: 64px;
+  line-height: 64px;
+  justify-content: flex-end;
+  padding-right: 30px;
+  position: sticky;
+  bottom: 0;
+  background: #ffff;
+  border-radius: 0 0 10px 10px;
+}
+#details .matter .matter-left .bottom .bottom-item {
+  font-size: 14px;
+  color: #333333;
+}
+#details .matter .matter-left .bottom .bottom-item .icon {
+  width: 20px;
+  height: 20px;
+  margin-right: 6px;
+}
+#details .matter .matter-left .bottom .bottom-item:not(:last-child) {
+  margin-right: 60px;
+}
+#details .matter .matter-left .related .related-head {
+  padding-left: 30px;
+  padding-top: 20px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #ebebeb;
+}
+#details .matter .matter-left .related .related-head .text {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 16px;
+  color: #000000;
+  margin-right: 14px;
+}
+#details .matter .matter-left .related .related-head .time {
+  font-family: "ArialMT", "Arial", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 13px;
+  letter-spacing: normal;
+  color: #333333;
+}
+#details .matter .matter-left .related .list {
+  padding: 14px 30px;
+  flex-wrap: wrap;
+}
+#details .matter .matter-left .related .list .item {
+  width: 50%;
+  font-size: 14px;
+  color: #555555;
+  cursor: pointer;
+}
+#details .matter .matter-left .related .list .item:hover {
+  color: #000000;
+}
+#details .matter .matter-left .related .list .item .dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: #f68251;
+  margin-right: 10px;
+}
+#details .matter .matter-left .related .list .item:not(:nth-last-child(-n + 2)) {
+  margin-bottom: 7px;
+}
+#details .matter .matter-left .related .list .item .text {
+  width: 352px;
+}
+#details .matter .sidebar-box .adv {
+  width: 291px;
+  height: 220px;
+  margin-bottom: 12px;
+  display: block;
+  cursor: pointer;
+}
+#details .matter .sidebar-box .adv .adv-img {
+  width: 291px;
+  height: 220px;
+  border-radius: 8px;
+}
+#details .matter .sidebar-box .sidebar-item {
+  width: 291px;
+  background-color: #ffffff;
+  border-radius: 8px;
+  margin-bottom: 12px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-header {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 15px;
+  color: #000000;
+  padding: 16px;
+  border-bottom: 1px solid #f2f2f2;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content {
+  flex-direction: column;
+  padding: 20px 0;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .sidebar-QRCode {
+  width: 120px;
+  height: 120px;
+  margin-bottom: 18px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .hint {
+  font-size: 14px;
+  color: #555555;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .hint .saoma-icon {
+  width: 14px;
+  height: 14px;
+  margin-right: 8px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .author-box {
+  padding: 16px 5px 30px 16px;
+  width: 100%;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .author-box .avatar {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  margin-right: 22px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .author-box .author-content .author-name {
+  font-size: 14px;
+  color: #000000;
+  margin-bottom: 11px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .author-box .author-content .author-info {
+  color: #7f7f7f;
+  font-size: 13px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .author-box .author-content .author-info .amount {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  color: #000000;
+  margin: 0 5px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .medal {
+  width: calc(100% - 16px);
+  padding-bottom: 22px;
+  margin-left: 16px;
+  border-bottom: 1px solid #f2f2f2;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .medal .medal-title {
+  font-size: 14px;
+  color: #7f7f7f;
+  margin-bottom: 14px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .medal .medal-list {
+  flex-wrap: wrap;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .medal .medal-list .medal-item {
+  width: 32px;
+  height: 32px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .recently {
+  width: 100%;
+  padding: 30px 16px 10px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .recently .recently-title {
+  font-size: 14px;
+  color: #7f7f7f;
+  margin-bottom: 14px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .recently .recently-list {
+  flex-direction: column;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .recently .recently-list .recently-item {
+  font-size: 14px;
+  color: #000000;
+  margin-bottom: 9px;
+  cursor: pointer;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .recently .recently-list .recently-item .dot {
+  width: 6px;
+  height: 6px;
+  margin-right: 8px;
+  border-radius: 50%;
+  background-color: #f68251;
+  margin-right: 10px;
+}
+#details .coins-area {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+#details .coins-area .coins-box {
+  width: 624px;
+  background-color: #ffffff;
+  border: 1px solid #e9eef2;
+  border-radius: 11px;
+  flex-direction: column;
+  padding: 40px 30px 35px;
+  position: relative;
+}
+#details .coins-area .coins-box .fork {
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  cursor: pointer;
+}
+#details .coins-area .coins-box .coins-head {
+  margin-bottom: 32px;
+}
+#details .coins-area .coins-box .coins-head .icon {
+  width: 50px;
+  height: 60px;
+  margin-right: 16px;
+}
+#details .coins-area .coins-box .coins-head .text {
+  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+  font-weight: 400;
+  color: #7f7f7f;
+  font-size: 14px;
+}
+#details .coins-area .coins-box .coins-head .text .sum {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-size: 18px;
+  color: #000000;
+  margin: 0 5px;
+}
+#details .coins-area .coins-box .coins-input {
+  width: 333px;
+  height: 36px;
+  background-color: #ffffff;
+  border: 1px solid #d7d7d7;
+  border-radius: 8px;
+  overflow: hidden;
+  margin-bottom: 31px;
+}
+#details .coins-area .coins-box .coins-input .input {
+  height: 100%;
+  border: none;
+  outline: none;
+  font-size: 14px;
+  padding: 0 10px;
+}
+#details .coins-area .coins-box .coins-input .btn {
+  width: 84px;
+  height: 100%;
+  line-height: 36px;
+  text-align: center;
+  background-color: #50e3c2;
+}
+#details .coins-area .coins-box .coins-info {
+  color: #555555;
+  font-size: 14px;
+  margin-bottom: 43px;
+}
+#details .coins-area .coins-box .coins-info .icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+}
+#details .coins-area .coins-box .coins-info .sum {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  color: #000000;
+  margin: 0 5px;
+}
+#details .coins-area .coins-box .coins-info .strategy {
+  margin-left: 5px;
+  color: #026277;
+  cursor: pointer;
+}
+#details .coins-area .coins-box .coins-list-area {
+  max-height: 347px;
+  background-color: #fbfbfb;
+  border-radius: 16px;
+  width: 100%;
+  padding: 20px 20px 0;
+  flex-direction: column;
+}
+#details .coins-area .coins-box .coins-list-area .coins-total {
+  color: #7f7f7f;
+  font-size: 14px;
+}
+#details .coins-area .coins-box .coins-list-area .coins-total .sum {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  color: #000000;
+  margin: 0 5px;
+}
+#details .coins-area .coins-box .coins-list-area .list {
+  overflow: auto;
+}
+#details .coins-area .coins-box .coins-list-area .list .item {
+  height: 65px;
+  padding: 0 35px;
+}
+#details .coins-area .coins-box .coins-list-area .list .item:not(:last-child) {
+  border-bottom: 1px solid #f2f2f2;
+}
+#details .coins-area .coins-box .coins-list-area .list .item .serial {
+  font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  color: #ffb600;
+  margin-right: 114px;
+}
+#details .coins-area .coins-box .coins-list-area .list .item .user {
+  color: #555555;
+  font-size: 13px;
+}
+#details .coins-area .coins-box .coins-list-area .list .item .user .avatar {
+  width: 32px;
+  height: 32px;
+  margin-right: 10px;
+}
+#details .coins-area .coins-box .coins-list-area .list .item .amount {
+  color: #000000;
+  font-size: 16px;
+}
+#details .coins-area .coins-box .coins-list-area .list .item .amount .text {
+  font-size: 13px;
+  margin-left: 2px;
+}
diff --git a/css/details.less b/css/details.less
new file mode 100644
index 0000000..a532df0
--- /dev/null
+++ b/css/details.less
@@ -0,0 +1,585 @@
+#details {
+    width: 1200px;
+    margin: 0 auto;
+    .head-top {
+        margin-bottom: 30px;
+
+        .logo {
+            height: 52px;
+        }
+
+        .input-box {
+            width: 370px;
+            height: 40px;
+            background-color: rgba(235, 235, 235, 1);
+            border: 2px solid rgba(215, 215, 215, 1);
+            border-radius: 11px;
+            padding: 0 15px;
+            justify-content: space-between;
+            margin-right: 20px;
+
+            .input {
+                border: none;
+                outline: none;
+                height: 100%;
+                background-color: transparent;
+            }
+
+            .icon {
+                width: 18px;
+                height: 18px;
+                margin-left: 15rpx;
+                cursor: pointer;
+            }
+        }
+
+        .post-list {
+            .post-item {
+                width: 84px;
+                height: 34px;
+                cursor: pointer;
+
+                &:not(:last-child) {
+                    margin-right: 10px;
+                }
+            }
+        }
+    }
+
+    .head-navigation {
+        margin-bottom: 20px;
+        .icon {
+            width: 16px;
+            height: 16px;
+        }
+
+        .arrows {
+            width: 7px;
+            height: 12px;
+            margin: 0 5px;
+        }
+
+        .text {
+            padding: 0 5px;
+            font-size: 14px;
+            color: #000000;
+            cursor: pointer;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+
+    .matter {
+        align-items: flex-start;
+        margin-bottom: 50px;
+
+        .matter-left {
+            width: 890px;
+            margin-right: 20px;
+
+            .block {
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(233, 238, 242, 1);
+                border-radius: 10px;
+                margin-bottom: 12px;
+            }
+
+            .matter-head {
+                height: 80px;
+                padding-left: 30px;
+                padding-right: 30px;
+                border-bottom: 1px solid #ebebeb;
+
+                .avatar {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 16px;
+                }
+
+                .content {
+                    flex-direction: column;
+                    .name {
+                        font-size: 14px;
+                        color: #333333;
+                        margin-bottom: 2px;
+
+                        .icon {
+                            height: 14px;
+                        }
+                    }
+
+                    .time {
+                        font-size: 13px;
+                        color: #aaaaaa;
+                    }
+                }
+
+                .operate {
+                    .view {
+                        .icon {
+                            width: 13px;
+                            height: 8px;
+                            margin-right: 5px;
+                        }
+
+                        font-size: 12px;
+                        color: #aaaaaa;
+                        margin-right: 15px;
+                    }
+
+                    .btn {
+                        width: 24px;
+                        height: 16px;
+                        background-color: rgba(242, 242, 242, 1);
+                        border-radius: 150px;
+
+                        .icon {
+                            width: 18px;
+                            height: 18px;
+                        }
+                    }
+                }
+            }
+
+            .label {
+                padding: 20px 30px 20px;
+
+                .item {
+                    font-size: 14px;
+                    color: #555555;
+                    padding: 0 9px;
+                    height: 24px;
+                    line-height: 24px;
+                    background-color: rgba(242, 242, 242, 1);
+                    border-radius: 6px;
+                    margin-bottom: 10px;
+
+                    &.icon {
+                        padding: 0;
+                    }
+
+                    &:not(:last-child) {
+                        margin-right: 10px;
+                    }
+
+                    &.blue {
+                        color: #ffffff;
+                        background-color: #04b0d5;
+                    }
+                }
+            }
+
+            .title {
+                font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                font-weight: 650;
+                font-style: normal;
+                font-size: 24px;
+                color: #000000;
+                line-height: 36px;
+                padding: 0 30px;
+                margin-bottom: 30px;
+            }
+
+            .html {
+                padding: 0 30px;
+                font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+                font-size: 15px;
+                color: #555555;
+                line-height: 24px;
+                margin-bottom: 66px;
+            }
+
+            .last-time {
+                color: #aaaaaa;
+                font-size: 13px;
+                padding: 0 30px 20px;
+            }
+
+            .bottom {
+                border-top: 1px solid #ebebeb;
+                height: 64px;
+                line-height: 64px;
+                justify-content: flex-end;
+                padding-right: 30px;
+                position: sticky;
+                bottom: 0;
+                background: #ffff;
+                border-radius: 0 0 10px 10px;
+
+                .bottom-item {
+                    .icon {
+                        width: 20px;
+                        height: 20px;
+                        margin-right: 6px;
+                    }
+                    font-size: 14px;
+                    color: #333333;
+
+                    &:not(:last-child) {
+                        margin-right: 60px;
+                    }
+                }
+            }
+
+            .related {
+                .related-head {
+                    padding-left: 30px;
+                    padding-top: 20px;
+                    padding-bottom: 12px;
+                    border-bottom: 1px solid #ebebeb;
+                    .text {
+                        font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                        font-weight: 650;
+                        font-style: normal;
+                        font-size: 16px;
+                        color: #000000;
+                        margin-right: 14px;
+                    }
+
+                    .time {
+                        font-family: "ArialMT", "Arial", sans-serif;
+                        font-weight: 400;
+                        font-style: normal;
+                        font-size: 13px;
+                        letter-spacing: normal;
+                        color: #333333;
+                    }
+                }
+
+                .list {
+                    padding: 14px 30px;
+                    flex-wrap: wrap;
+
+                    .item {
+                        width: 50%;
+                        font-size: 14px;
+                        color: #555555;
+                        cursor: pointer;
+
+                        &:hover {
+                            color: #000000;
+                        }
+
+                        .dot {
+                            width: 6px;
+                            height: 6px;
+                            border-radius: 50%;
+                            background-color: #f68251;
+                            margin-right: 10px;
+                        }
+
+                        &:not(:nth-last-child(-n + 2)) {
+                            margin-bottom: 7px;
+                        }
+
+                        .text {
+                            width: 352px;
+                        }
+                    }
+                }
+            }
+        }
+
+        .sidebar-box {
+            .adv {
+                width: 291px;
+                height: 220px;
+                margin-bottom: 12px;
+                display: block;
+                cursor: pointer;
+
+                .adv-img {
+                    width: 291px;
+                    height: 220px;
+                    border-radius: 8px;
+                }
+            }
+
+            .sidebar-item {
+                width: 291px;
+                background-color: rgba(255, 255, 255, 1);
+                border-radius: 8px;
+                margin-bottom: 12px;
+
+                .sidebar-header {
+                    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                    font-weight: 650;
+                    font-style: normal;
+                    font-size: 15px;
+                    color: #000000;
+                    padding: 16px;
+                    border-bottom: 1px solid #f2f2f2;
+                }
+
+                .sidebar-content {
+                    flex-direction: column;
+                    padding: 20px 0;
+
+                    .sidebar-QRCode {
+                        width: 120px;
+                        height: 120px;
+                        margin-bottom: 18px;
+                    }
+
+                    .hint {
+                        .saoma-icon {
+                            width: 14px;
+                            height: 14px;
+                            margin-right: 8px;
+                        }
+
+                        font-size: 14px;
+                        color: #555555;
+                    }
+
+                    .author-box {
+                        padding: 16px 5px 30px 16px;
+                        width: 100%;
+                        .avatar {
+                            width: 50px;
+                            height: 50px;
+                            border-radius: 50%;
+                            margin-right: 22px;
+                        }
+
+                        .author-content {
+                            .author-name {
+                                font-size: 14px;
+                                color: #000000;
+                                margin-bottom: 11px;
+                            }
+
+                            .author-info {
+                                color: #7f7f7f;
+                                font-size: 13px;
+                                .amount {
+                                    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                                    font-weight: 650;
+                                    color: #000000;
+                                    margin: 0 5px;
+                                }
+                            }
+                        }
+                    }
+
+                    .medal {
+                        width: calc(100% - 16px);
+                        padding-bottom: 22px;
+                        margin-left: 16px;
+                        border-bottom: 1px solid #f2f2f2;
+                        .medal-title {
+                            font-size: 14px;
+                            color: #7f7f7f;
+                            margin-bottom: 14px;
+                        }
+
+                        .medal-list {
+                            flex-wrap: wrap;
+
+                            .medal-item {
+                                width: 32px;
+                                height: 32px;
+                                margin-right: 8px;
+                                margin-bottom: 8px;
+                            }
+                        }
+                    }
+
+                    .recently {
+                        width: 100%;
+                        padding: 30px 16px 10px;
+
+                        .recently-title {
+                            font-size: 14px;
+                            color: #7f7f7f;
+                            margin-bottom: 14px;
+                        }
+
+                        .recently-list {
+                            flex-direction: column;
+
+                            .recently-item {
+                                font-size: 14px;
+                                color: #000000;
+                                margin-bottom: 9px;
+                                cursor: pointer;
+
+                                .dot {
+                                    width: 6px;
+                                    height: 6px;
+                                    margin-right: 8px;
+                                    border-radius: 50%;
+                                    background-color: #f68251;
+                                    margin-right: 10px;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .coins-area {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.5);
+
+        .coins-box {
+            width: 624px;
+            background-color: rgba(255, 255, 255, 1);
+            border: 1px solid rgba(233, 238, 242, 1);
+            border-radius: 11px;
+            flex-direction: column;
+            padding: 40px 30px 35px;
+            position: relative;
+
+            .fork {
+                width: 12px;
+                height: 12px;
+                position: absolute;
+                top: 20px;
+                right: 20px;
+                cursor: pointer;
+            }
+
+            .coins-head {
+                margin-bottom: 32px;
+
+                .icon {
+                    width: 50px;
+                    height: 60px;
+                    margin-right: 16px;
+                }
+
+                .text {
+                    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+                    font-weight: 400;
+                    color: #7f7f7f;
+                    font-size: 14px;
+                    .sum {
+                        font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                        font-weight: 650;
+                        font-size: 18px;
+                        color: #000000;
+                        margin: 0 5px;
+                    }
+                }
+            }
+
+            .coins-input {
+                width: 333px;
+                height: 36px;
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(215, 215, 215, 1);
+                border-radius: 8px;
+                overflow: hidden;
+                margin-bottom: 31px;
+
+                .input {
+                    height: 100%;
+                    border: none;
+                    outline: none;
+                    font-size: 14px;
+                    padding: 0 10px;
+                }
+
+                .btn {
+                    width: 84px;
+                    height: 100%;
+                    line-height: 36px;
+                    text-align: center;
+                    background-color: rgba(80, 227, 194, 1);
+                }
+            }
+
+            .coins-info {
+                color: #555555;
+                font-size: 14px;
+                margin-bottom: 43px;
+
+                .icon {
+                    width: 16px;
+                    height: 16px;
+                    margin-right: 6px;
+                }
+
+                .sum {
+                    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                    font-weight: 650;
+                    color: #000000;
+                    margin: 0 5px;
+                }
+
+                .strategy {
+                    margin-left: 5px;
+                    color: #026277;
+                    cursor: pointer;
+                }
+            }
+
+            .coins-list-area {
+                max-height: 347px;
+                background-color: rgba(251, 251, 251, 1);
+                border-radius: 16px;
+                width: 100%;
+                padding: 20px 20px 0;
+                flex-direction: column;
+
+                .coins-total {
+                    color: #7f7f7f;
+                    font-size: 14px;
+                    .sum {
+                        font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                        font-weight: 650;
+                        color: #000000;
+                        margin: 0 5px;
+                    }
+                }
+
+                .list {
+                    overflow: auto;
+
+                    .item {
+                        height: 65px;
+                        padding: 0 35px;
+
+                        &:not(:last-child) {
+                            border-bottom: 1px solid #f2f2f2;
+                        }
+                        .serial {
+                            font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
+                            font-weight: 700;
+                            font-style: normal;
+                            color: #ffb600;
+                            margin-right: 114px;
+                        }
+
+                        .user {
+                            color: #555555;
+                            font-size: 13px;
+                            .avatar {
+                                width: 32px;
+                                height: 32px;
+                                margin-right: 10px;
+                            }
+                        }
+
+                        .amount {
+                            color: #000000;
+                            font-size: 16px;
+                            .text {
+                                font-size: 13px;
+                                margin-left: 2px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/css/homepage-me.css b/css/homepage-me.css
new file mode 100644
index 0000000..6656f1a
--- /dev/null
+++ b/css/homepage-me.css
@@ -0,0 +1,464 @@
+#homepage-me {
+  width: 1200px;
+  margin: 0 auto;
+}
+#homepage-me .head-top {
+  margin-bottom: 30px;
+}
+#homepage-me .head-top .logo {
+  height: 52px;
+}
+#homepage-me .head-top .input-box {
+  width: 370px;
+  height: 40px;
+  background-color: #ebebeb;
+  border: 2px solid #d7d7d7;
+  border-radius: 11px;
+  padding: 0 15px;
+  justify-content: space-between;
+  margin-right: 20px;
+}
+#homepage-me .head-top .input-box .input {
+  border: none;
+  outline: none;
+  height: 100%;
+  background-color: transparent;
+}
+#homepage-me .head-top .input-box .icon {
+  width: 18px;
+  height: 18px;
+  margin-left: 15rpx;
+  cursor: pointer;
+}
+#homepage-me .head-top .sign-in {
+  width: 192px;
+  height: 40px;
+  border-radius: 83px;
+  cursor: pointer;
+}
+#homepage-me .head-top .sign-in.sign-in-already {
+  background-color: #ffffff;
+  font-size: 14px;
+  color: #333;
+}
+#homepage-me .head-top .sign-in.sign-in-already .sign-icon {
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+}
+#homepage-me .head-top .sign-in.sign-in-no {
+  position: relative;
+  z-index: 1;
+  padding-right: 8px;
+}
+#homepage-me .head-top .sign-in.sign-in-no .sign-in-bj {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 190px;
+  height: 40px;
+}
+#homepage-me .head-top .sign-in.sign-in-no .coin-bj {
+  position: absolute;
+  width: 157px;
+  height: 33px;
+  top: 4px;
+  left: 29px;
+}
+#homepage-me .head-top .sign-in.sign-in-no .coin-icon {
+  width: 43px;
+  height: 51px;
+  align-self: flex-end;
+  z-index: 1;
+  margin-left: -2px;
+}
+#homepage-me .head-top .sign-in.sign-in-no .text {
+  text-align: center;
+  text-shadow: 1px 1px 2px #a63603;
+  -webkit-text-shadow: 1px 1px 2px #a63603;
+  -moz-text-shadow: 1px 1px 2px #a63603;
+  font-size: 15px;
+  color: #fff;
+}
+#homepage-me .head-top .sign-in.sign-in-no .sign-go {
+  width: 30px;
+  height: 30px;
+  font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
+  font-weight: 700;
+  font-size: 12px;
+  color: #710600;
+  position: relative;
+}
+#homepage-me .head-top .sign-in.sign-in-no .sign-go .sign-go-bj {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: -1;
+}
+#homepage-me .head-top .sign-in.sign-in-no .petal1,
+#homepage-me .head-top .sign-in.sign-in-no .petal2,
+#homepage-me .head-top .sign-in.sign-in-no .petal3 {
+  position: absolute;
+}
+#homepage-me .head-top .sign-in.sign-in-no .petal1 {
+  width: 24px;
+  height: 10px;
+  top: 3px;
+  left: 55px;
+}
+#homepage-me .head-top .sign-in.sign-in-no .petal2 {
+  width: 16px;
+  height: 14px;
+  top: 25px;
+  left: 92px;
+}
+#homepage-me .head-top .sign-in.sign-in-no .petal3 {
+  width: 17px;
+  height: 12px;
+  top: 25px;
+  left: 136px;
+}
+#homepage-me .head-navigation {
+  margin-bottom: 20px;
+}
+#homepage-me .head-navigation .icon {
+  width: 16px;
+  height: 16px;
+}
+#homepage-me .head-navigation .arrows {
+  width: 7px;
+  height: 12px;
+  margin: 0 5px;
+}
+#homepage-me .head-navigation .text {
+  padding: 0 5px;
+  font-size: 14px;
+  color: #000000;
+  cursor: pointer;
+}
+#homepage-me .head-navigation .text:hover {
+  text-decoration: underline;
+}
+#homepage-me .matter {
+  align-items: flex-start;
+}
+#homepage-me .matter .card-user {
+  width: 320px;
+  background: -webkit-linear-gradient(270.06444514deg, #ffffff 0%, #eef8f9 100%);
+  background: -moz-linear-gradient(179.93555486deg, #ffffff 0%, #eef8f9 100%);
+  background: linear-gradient(179.93555486deg, #ffffff 0%, #eef8f9 100%);
+  box-sizing: border-box;
+  border: 1px solid #e9eef2;
+  border-radius: 10px;
+  flex-direction: column;
+  padding-top: 39px;
+  padding-bottom: 38px;
+  margin-right: 20px;
+}
+#homepage-me .matter .card-user .avatar {
+  width: 120px;
+  height: 120px;
+  border-radius: 8px;
+  margin-bottom: 20px;
+}
+#homepage-me .matter .card-user .name-area {
+  margin-bottom: 40px;
+}
+#homepage-me .matter .card-user .name-area .username {
+  font-size: 15px;
+  color: #333;
+  margin-bottom: 12px;
+}
+#homepage-me .matter .card-user .name-area .uid {
+  color: #7f7f7f;
+  font-size: 13px;
+}
+#homepage-me .matter .card-user .name-area .uid .icon {
+  width: 14px;
+  height: 14px;
+  margin-left: 9px;
+  cursor: pointer;
+}
+#homepage-me .matter .card-user .bi-box {
+  position: relative;
+  width: 260px;
+  height: 65px;
+  background: linear-gradient(255.75deg, #ffbd15 0%, #fff5d1 99%);
+  border-radius: 12px;
+  z-index: 1;
+  justify-content: space-between;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-bottom: 40px;
+}
+#homepage-me .matter .card-user .bi-box .bi-masking {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 260px;
+  height: 65px;
+  z-index: -1;
+}
+#homepage-me .matter .card-user .bi-box .bi-icon {
+  width: 50px;
+  height: 56px;
+  margin-right: 7px;
+}
+#homepage-me .matter .card-user .bi-box .bi-content {
+  flex-direction: column;
+}
+#homepage-me .matter .card-user .bi-box .bi-content .bi-sum {
+  font-family: Arial-Black, "Arial Black", sans-serif;
+  font-weight: 900;
+  font-style: normal;
+  font-size: 16px;
+  color: #000000;
+}
+#homepage-me .matter .card-user .bi-box .bi-content .bi-text {
+  font-size: 13px;
+  letter-spacing: normal;
+  color: #333333;
+}
+#homepage-me .matter .card-user .bi-box .bi-btn {
+  width: 98px;
+  height: 26px;
+  background-color: #fff6d8;
+  border-radius: 60px;
+  box-shadow: rgba(0, 0, 0, 0.145) 0px 0px 5px;
+  font-size: 15px;
+  line-height: 26px;
+  font-size: 13px;
+  color: #ab7713;
+}
+#homepage-me .matter .card-user .bi-box .bi-btn .bi-question {
+  width: 14px;
+  height: 14px;
+  margin-left: 5px;
+}
+#homepage-me .matter .card-user .medal-area {
+  margin: 0 30px;
+  align-self: self-start;
+}
+#homepage-me .matter .card-user .medal-area .title {
+  font-size: 14px;
+  color: #7f7f7f;
+  margin-bottom: 13px;
+}
+#homepage-me .matter .card-user .medal-area .list {
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+#homepage-me .matter .card-user .medal-area .list .item {
+  height: 30px;
+  max-width: 30px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+#homepage-me .matter .matter-content .message-box {
+  background-color: #ffffff;
+  border: 1px solid #e9eef2;
+  border-radius: 10px;
+  padding-left: 95px;
+  padding-right: 40px;
+  padding-bottom: 31px;
+  margin-bottom: 20px;
+}
+#homepage-me .matter .matter-content .message-box .header {
+  border-bottom: 1px dotted #d7d7d7;
+  padding-top: 46px;
+  padding-bottom: 19px;
+  position: relative;
+}
+#homepage-me .matter .matter-content .message-box .header .avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  position: absolute;
+  top: 40px;
+  left: -55px;
+}
+#homepage-me .matter .matter-content .message-box .header .username {
+  font-size: 14px;
+  color: #333333;
+}
+#homepage-me .matter .matter-content .message-box .header .icon {
+  height: 40px;
+}
+#homepage-me .matter .matter-content .message-box .info-list {
+  flex-flow: wrap;
+  padding-top: 20px;
+  border-bottom: 1px dotted #d7d7d7;
+}
+#homepage-me .matter .matter-content .message-box .info-list .item {
+  width: 50%;
+  margin-bottom: 15px;
+}
+#homepage-me .matter .matter-content .message-box .info-list .item .label {
+  font-size: 14px;
+  color: #7f7f7f;
+  width: 87px;
+}
+#homepage-me .matter .matter-content .message-box .info-list .item .value {
+  font-size: 14px;
+  color: #000000;
+}
+#homepage-me .matter .matter-content .message-box .info-list .item .status {
+  color: #555555;
+  font-size: 13px;
+  padding: 0 6px;
+  height: 20px;
+  line-height: 20px;
+  background-color: #f0f1ec;
+  border-radius: 23px;
+  margin-left: 10px;
+}
+#homepage-me .matter .matter-content .message-box .info-list .item .status.blue {
+  color: #ffffff;
+  background-color: #04b0d5;
+}
+#homepage-me .matter .matter-content .message-box .stats {
+  padding-top: 20px;
+  padding-bottom: 21px;
+  font-size: 14px;
+}
+#homepage-me .matter .matter-content .message-box .stats .item .text {
+  color: #7f7f7f;
+  margin-right: 5px;
+}
+#homepage-me .matter .matter-content .message-box .stats .item .num {
+  font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
+  font-weight: 700;
+  color: #04b0d5;
+}
+#homepage-me .matter .matter-content .message-box .stats .line {
+  color: #d7d7d7;
+  margin: 0 14px;
+}
+#homepage-me .matter .matter-content .message-box .tags {
+  flex-wrap: wrap;
+}
+#homepage-me .matter .matter-content .message-box .tags .item {
+  padding: 0 10px;
+  font-size: 14px;
+  color: #333333;
+  height: 24px;
+  background-color: #f6f6f6;
+  border: 1px solid #f0f1ec;
+  border-radius: 5px;
+  margin-right: 20px;
+  margin-bottom: 10px;
+}
+#homepage-me .matter .matter-content .message-box .tags .item .icon {
+  height: 13px;
+  margin-right: 7px;
+}
+#homepage-me .matter .matter-content .list-area {
+  width: 860px;
+  background-color: #ffffff;
+  border: 1px solid #e9eef2;
+  border-radius: 10px;
+}
+#homepage-me .matter .matter-content .list-area .operation-box {
+  padding-top: 40px;
+  padding-left: 95px;
+  padding-right: 40px;
+  padding-bottom: 18px;
+  font-size: 18px;
+  color: #7f7f7f;
+  border-bottom: 1px dotted #d7d7d7;
+}
+#homepage-me .matter .matter-content .list-area .operation-box .operation-item {
+  position: relative;
+  cursor: pointer;
+}
+#homepage-me .matter .matter-content .list-area .operation-box .operation-item:not(:last-child) {
+  margin-right: 40px;
+}
+#homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch {
+  font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 18px;
+  color: #000000;
+}
+#homepage-me .matter .matter-content .list-area .operation-box .operation-item.pitch::after {
+  content: "";
+  width: 100%;
+  height: 6px;
+  background-color: #50e3c2;
+  border-radius: 26px;
+  position: absolute;
+  bottom: -21px;
+  display: block;
+}
+#homepage-me .matter .matter-content .list-area .classify {
+  padding-top: 37px;
+  padding-bottom: 23px;
+  padding-left: 95px;
+  padding-right: 40px;
+}
+#homepage-me .matter .matter-content .list-area .classify .item {
+  width: 50px;
+  height: 32px;
+  line-height: 32px;
+  text-align: center;
+  background-color: #ffffff;
+  border: 1px solid #f2f2f2;
+  border-radius: 12px;
+  color: #333333;
+  cursor: pointer;
+  font-size: 15px;
+}
+#homepage-me .matter .matter-content .list-area .classify .item.pitch {
+  background-color: #d35110;
+  color: #ffffff;
+}
+#homepage-me .matter .matter-content .list-area .classify .item:not(:last-child) {
+  margin-right: 10px;
+}
+#homepage-me .matter .matter-content .list-area .issue-data {
+  color: #7f7f7f;
+  font-size: 14px;
+  margin-bottom: 20px;
+  padding-left: 95px;
+  padding-right: 40px;
+}
+#homepage-me .matter .matter-content .list-area .issue-data .num {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  color: #000000;
+  margin: 0 5px;
+}
+#homepage-me .matter .matter-content .list-area .list-box {
+  padding-left: 95px;
+  padding-right: 40px;
+}
+#homepage-me .matter .matter-content .list-area .list-box .item-box {
+  margin-bottom: 20px;
+}
+#homepage-me .matter .matter-content .list-area .empty {
+  width: 725px;
+  height: 360px;
+  background-color: #ffffff;
+  border: 1px solid #e9eef2;
+  border-radius: 10px;
+  flex-direction: column;
+  margin-bottom: 20px;
+  margin-left: 95px;
+  margin-right: 40px;
+}
+#homepage-me .matter .matter-content .list-area .empty .empty-icon {
+  width: 80px;
+  height: 94px;
+}
+#homepage-me .matter .matter-content .list-area .empty .empty-text {
+  font-size: 14px;
+  color: #7f7f7f;
+  margin-top: 10px;
+}
+#homepage-me .matter .matter-content .list-area .load-more {
+  padding: 20px 0 40px;
+  color: #7f7f7f;
+  font-size: 14px;
+}
diff --git a/css/homepage-me.less b/css/homepage-me.less
new file mode 100644
index 0000000..cf6d438
--- /dev/null
+++ b/css/homepage-me.less
@@ -0,0 +1,535 @@
+#homepage-me {
+    width: 1200px;
+    margin: 0 auto;
+    .head-top {
+        margin-bottom: 30px;
+
+        .logo {
+            height: 52px;
+        }
+
+        .input-box {
+            width: 370px;
+            height: 40px;
+            background-color: rgba(235, 235, 235, 1);
+            border: 2px solid rgba(215, 215, 215, 1);
+            border-radius: 11px;
+            padding: 0 15px;
+            justify-content: space-between;
+            margin-right: 20px;
+
+            .input {
+                border: none;
+                outline: none;
+                height: 100%;
+                background-color: transparent;
+            }
+
+            .icon {
+                width: 18px;
+                height: 18px;
+                margin-left: 15rpx;
+                cursor: pointer;
+            }
+        }
+
+        .sign-in {
+            width: 192px;
+            height: 40px;
+            border-radius: 83px;
+            cursor: pointer;
+
+            &.sign-in-already {
+                background-color: #ffffff;
+                font-size: 14px;
+                color: #333;
+                .sign-icon {
+                    width: 20px;
+                    height: 20px;
+                    margin-right: 10px;
+                }
+            }
+
+            &.sign-in-no {
+                position: relative;
+                z-index: 1;
+                padding-right: 8px;
+                .sign-in-bj {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    z-index: -1;
+                    width: 190px;
+                    height: 40px;
+                }
+
+                .coin-bj {
+                    position: absolute;
+                    width: 157px;
+                    height: 33px;
+                    top: 4px;
+                    left: 29px;
+                }
+
+                .coin-icon {
+                    width: 43px;
+                    height: 51px;
+                    align-self: flex-end;
+                    z-index: 1;
+                    margin-left: -2px;
+                }
+
+                .text {
+                    text-align: center;
+                    text-shadow: 1px 1px 2px #a63603;
+                    -webkit-text-shadow: 1px 1px 2px #a63603;
+                    -moz-text-shadow: 1px 1px 2px #a63603;
+                    font-size: 15px;
+                    color: #fff;
+                }
+
+                .sign-go {
+                    width: 30px;
+                    height: 30px;
+                    font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
+                    font-weight: 700;
+                    font-size: 12px;
+                    color: #710600;
+                    position: relative;
+
+                    .sign-go-bj {
+                        width: 100%;
+                        height: 100%;
+                        position: absolute;
+                        z-index: -1;
+                    }
+                }
+
+                .petal1,
+                .petal2,
+                .petal3 {
+                    position: absolute;
+                }
+
+                .petal1 {
+                    width: 24px;
+                    height: 10px;
+                    top: 3px;
+                    left: 55px;
+                }
+
+                .petal2 {
+                    width: 16px;
+                    height: 14px;
+                    top: 25px;
+                    left: 92px;
+                }
+                .petal3 {
+                    width: 17px;
+                    height: 12px;
+                    top: 25px;
+                    left: 136px;
+                }
+            }
+        }
+    }
+
+    .head-navigation {
+        margin-bottom: 20px;
+        .icon {
+            width: 16px;
+            height: 16px;
+        }
+
+        .arrows {
+            width: 7px;
+            height: 12px;
+            margin: 0 5px;
+        }
+
+        .text {
+            padding: 0 5px;
+            font-size: 14px;
+            color: #000000;
+            cursor: pointer;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+
+    .matter {
+        align-items: flex-start;
+        .card-user {
+            width: 320px;
+            background: -webkit-linear-gradient(270.064445137829deg, rgba(255, 255, 255, 1) 0%, rgba(238, 248, 249, 1) 100%);
+            background: -moz-linear-gradient(179.935554862171deg, rgba(255, 255, 255, 1) 0%, rgba(238, 248, 249, 1) 100%);
+            background: linear-gradient(179.935554862171deg, rgba(255, 255, 255, 1) 0%, rgba(238, 248, 249, 1) 100%);
+            box-sizing: border-box;
+            border: 1px solid rgba(233, 238, 242, 1);
+            border-radius: 10px;
+            flex-direction: column;
+            padding-top: 39px;
+            padding-bottom: 38px;
+            margin-right: 20px;
+            .avatar {
+                width: 120px;
+                height: 120px;
+                border-radius: 8px;
+                margin-bottom: 20px;
+            }
+
+            .name-area {
+                margin-bottom: 40px;
+
+                .username {
+                    font-size: 15px;
+                    color: #333;
+                    margin-bottom: 12px;
+                }
+
+                .uid {
+                    color: #7f7f7f;
+                    font-size: 13px;
+                    .icon {
+                        width: 14px;
+                        height: 14px;
+                        margin-left: 9px;
+                        cursor: pointer;
+                    }
+                }
+            }
+
+            .bi-box {
+                width: 260px;
+                height: 65px;
+                position: relative;
+                width: 260px;
+                height: 65px;
+                background: linear-gradient(255.75deg, rgb(255, 189, 21) 0%, rgb(255, 245, 209) 99%);
+                border-radius: 12px;
+                z-index: 1;
+                justify-content: space-between;
+                padding-left: 10px;
+                padding-right: 10px;
+                margin-bottom: 40px;
+
+                .bi-masking {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 260px;
+                    height: 65px;
+                    z-index: -1;
+                }
+
+                .bi-icon {
+                    width: 50px;
+                    height: 56px;
+                    margin-right: 7px;
+                }
+
+                .bi-content {
+                    flex-direction: column;
+
+                    .bi-sum {
+                        font-family: Arial-Black, "Arial Black", sans-serif;
+                        font-weight: 900;
+                        font-style: normal;
+                        font-size: 16px;
+                        color: #000000;
+                    }
+
+                    .bi-text {
+                        font-size: 13px;
+                        letter-spacing: normal;
+                        color: #333333;
+                    }
+                }
+
+                .bi-btn {
+                    width: 98px;
+                    height: 26px;
+                    background-color: rgb(255, 246, 216);
+                    border-radius: 60px;
+                    box-shadow: rgba(0, 0, 0, 0.145) 0px 0px 5px;
+                    font-size: 15px;
+                    color: rgb(171, 119, 19);
+                    line-height: 26px;
+
+                    font-size: 13px;
+                    color: rgb(171, 119, 19);
+                    .bi-question {
+                        width: 14px;
+                        height: 14px;
+                        margin-left: 5px;
+                    }
+                }
+            }
+
+            .medal-area {
+                margin: 0 30px;
+                align-self: self-start;
+
+                .title {
+                    font-size: 14px;
+                    color: #7f7f7f;
+                    margin-bottom: 13px;
+                }
+
+                .list {
+                    flex-direction: row;
+                    flex-wrap: wrap;
+
+                    .item {
+                        height: 30px;
+                        max-width: 30px;
+                        margin-right: 8px;
+                        margin-bottom: 8px;
+                    }
+                }
+            }
+        }
+
+        .matter-content {
+            .message-box {
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(233, 238, 242, 1);
+                border-radius: 10px;
+                padding-left: 95px;
+                padding-right: 40px;
+                padding-bottom: 31px;
+                margin-bottom: 20px;
+
+                .header {
+                    border-bottom: 1px dotted #d7d7d7;
+                    padding-top: 46px;
+                    padding-bottom: 19px;
+                    position: relative;
+
+                    .avatar {
+                        width: 40px;
+                        height: 40px;
+                        border-radius: 50%;
+                        position: absolute;
+                        top: 40px;
+                        left: -55px;
+                    }
+
+                    .username {
+                        font-size: 14px;
+                        color: #333333;
+                    }
+
+                    .icon {
+                        height: 40px;
+                    }
+                }
+
+                .info-list {
+                    flex-flow: wrap;
+                    padding-top: 20px;
+                    border-bottom: 1px dotted #d7d7d7;
+
+                    .item {
+                        width: 50%;
+                        margin-bottom: 15px;
+                        .label {
+                            font-size: 14px;
+                            color: #7f7f7f;
+                            width: 87px;
+                        }
+                        .value {
+                            font-size: 14px;
+                            color: #000000;
+                        }
+
+                        .status {
+                            color: #555555;
+                            font-size: 13px;
+                            padding: 0 6px;
+                            height: 20px;
+                            line-height: 20px;
+                            background-color: rgba(240, 241, 236, 1);
+                            border-radius: 23px;
+                            margin-left: 10px;
+
+                            &.blue {
+                                color: #ffffff;
+                                background-color: rgba(4, 176, 213, 1);
+                            }
+                        }
+                    }
+                }
+
+                .stats {
+                    padding-top: 20px;
+                    padding-bottom: 21px;
+                    font-size: 14px;
+
+                    .item {
+                        .text {
+                            color: #7f7f7f;
+                            margin-right: 5px;
+                        }
+
+                        .num {
+                            font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
+                            font-weight: 700;
+                            color: #04b0d5;
+                        }
+                    }
+
+                    .line {
+                        color: #d7d7d7;
+                        margin: 0 14px;
+                    }
+                }
+
+                .tags {
+                    flex-wrap: wrap;
+                    .item {
+                        padding: 0 10px;
+                        font-size: 14px;
+                        color: #333333;
+                        height: 24px;
+                        background-color: rgba(246, 246, 246, 1);
+                        border: 1px solid rgba(240, 241, 236, 1);
+                        border-radius: 5px;
+                        margin-right: 20px;
+                        margin-bottom: 10px;
+
+                        .icon {
+                            height: 13px;
+                            margin-right: 7px;
+                        }
+                    }
+                }
+            }
+
+            .list-area {
+                width: 860px;
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(233, 238, 242, 1);
+                border-radius: 10px;
+
+                .operation-box {
+                    padding-top: 40px;
+                    padding-left: 95px;
+                    padding-right: 40px;
+                    padding-bottom: 18px;
+                    font-size: 18px;
+                    color: rgb(127, 127, 127);
+                    border-bottom: 1px dotted #d7d7d7;
+
+                    .operation-item {
+                        position: relative;
+                        cursor: pointer;
+                        &:not(:last-child) {
+                            margin-right: 40px;
+                        }
+
+                        &.pitch {
+                            font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif;
+                            font-weight: 650;
+                            font-style: normal;
+                            font-size: 18px;
+                            color: #000000;
+
+                            &::after {
+                                content: "";
+                                width: 100%;
+                                height: 6px;
+                                background-color: rgb(80, 227, 194);
+                                border-radius: 26px;
+                                position: absolute;
+                                bottom: -21px;
+                                display: block;
+                            }
+                        }
+                    }
+                }
+
+                .classify {
+                    padding-top: 37px;
+                    padding-bottom: 23px;
+                    padding-left: 95px;
+                    padding-right: 40px;
+                    .item {
+                        width: 50px;
+                        height: 32px;
+                        line-height: 32px;
+                        text-align: center;
+                        background-color: rgba(255, 255, 255, 1);
+                        border: 1px solid rgba(242, 242, 242, 1);
+                        border-radius: 12px;
+                        color: #333333;
+                        cursor: pointer;
+                        font-size: 15px;
+
+                        &.pitch {
+                            background-color: rgba(211, 81, 16, 1);
+                            color: #ffffff;
+                        }
+
+                        &:not(:last-child) {
+                            margin-right: 10px;
+                        }
+                    }
+                }
+
+                .issue-data {
+                    color: #7f7f7f;
+                    font-size: 14px;
+                    margin-bottom: 20px;
+                    padding-left: 95px;
+                    padding-right: 40px;
+
+                    .num {
+                        font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                        font-weight: 650;
+                        color: #000000;
+                        margin: 0 5px;
+                    }
+                }
+
+                .list-box {
+                    padding-left: 95px;
+                    padding-right: 40px;
+                    .item-box {
+                        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;
+                    margin-bottom: 20px;
+                    margin-left: 95px;
+                    margin-right: 40px;
+
+                    .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;
+                }
+            }
+        }
+    }
+}
diff --git a/css/homepage-other.css b/css/homepage-other.css
index c3d7269..f97d0eb 100644
--- a/css/homepage-other.css
+++ b/css/homepage-other.css
@@ -1,44 +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: #eef2f5;
-}
-/* 公共的 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;
@@ -222,7 +181,7 @@ body {
   cursor: pointer;
 }
 #homepage-other .matter .card-user .medal-area {
-  margin: 0 30px 44px;
+  margin: 0 30px 36px;
   align-self: self-start;
 }
 #homepage-other .matter .card-user .medal-area .title {
@@ -237,6 +196,7 @@ body {
   height: 30px;
   max-width: 30px;
   margin-right: 8px;
+  margin-bottom: 8px;
 }
 #homepage-other .matter .card-user .btn-area .item {
   width: 200px;
@@ -398,3 +358,25 @@ body {
 #homepage-other .matter .matter-content .list-area .list-box .item-box {
   margin-bottom: 20px;
 }
+#homepage-other .matter .matter-content .list-area .empty {
+  width: 725px;
+  height: 360px;
+  background-color: #ffffff;
+  border: 1px solid #e9eef2;
+  border-radius: 10px;
+  flex-direction: column;
+}
+#homepage-other .matter .matter-content .list-area .empty .empty-icon {
+  width: 80px;
+  height: 94px;
+}
+#homepage-other .matter .matter-content .list-area .empty .empty-text {
+  font-size: 14px;
+  color: #7f7f7f;
+  margin-top: 10px;
+}
+#homepage-other .matter .matter-content .list-area .load-more {
+  padding: 20px 0 40px;
+  color: #7f7f7f;
+  font-size: 14px;
+}
diff --git a/css/homepage-other.less b/css/homepage-other.less
index 99a5a7d..157202a 100644
--- a/css/homepage-other.less
+++ b/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;
+                }
             }
         }
     }
diff --git a/css/public.css b/css/public.css
index d17b0bc..77c260e 100644
--- a/css/public.css
+++ b/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;
diff --git a/css/public.less b/css/public.less
index f55f020..382734c 100644
--- a/css/public.less
+++ b/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);
diff --git a/css/sectionIndex.css b/css/section-index.css
similarity index 70%
rename from css/sectionIndex.css
rename to css/section-index.css
index f659189..add6738 100644
--- a/css/sectionIndex.css
+++ b/css/section-index.css
@@ -140,9 +140,11 @@
 #sectionIndex .head-navigation .text:hover {
   text-decoration: underline;
 }
+#sectionIndex .matter {
+  align-items: flex-start;
+}
 #sectionIndex .matter .sidebar {
   width: 150px;
-  height: 1225px;
   background-color: #08353e;
   border: 1px solid #e9eef2;
   border-radius: 10px;
@@ -166,14 +168,18 @@
   margin-left: 20px;
   margin-right: 20px;
 }
-#sectionIndex .matter .sidebar .list:not(:last-child) {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.24705882);
+#sectionIndex .matter .sidebar .list .line {
+  height: 1px;
+  background-color: rgba(255, 255, 255, 0.24705882);
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 #sectionIndex .matter .sidebar .list .item {
   height: 50px;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.8);
   z-index: 1;
+  cursor: pointer;
 }
 #sectionIndex .matter .sidebar .list .item .text {
   z-index: 1;
@@ -276,6 +282,7 @@
   border-radius: 8px;
   font-size: 14px;
   color: #333;
+  cursor: pointer;
 }
 #sectionIndex .matter .matter-content .info .right .bottom .btn .icon {
   width: 16px;
@@ -388,131 +395,8 @@
   width: 732px;
 }
 #sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box {
-  width: 100%;
-  background-color: #ffffff;
-  border: 1px solid #e9eef2;
-  border-radius: 10px;
-  padding: 18px 20px 0;
   margin-bottom: 12px;
 }
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head {
-  margin-bottom: 14px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .avatar {
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  margin-right: 8px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .name {
-  font-style: normal;
-  color: #555555;
-  font-size: 14px;
-  margin-right: 8px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .group {
-  height: 15px;
-  margin-right: 8px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .time {
-  font-size: 13px;
-  color: #aaaaaa;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .view {
-  font-size: 12px;
-  color: #aaaaaa;
-  margin-right: 15px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .view .icon {
-  width: 13px;
-  height: 8px;
-  margin-right: 5px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .btn {
-  width: 24px;
-  height: 16px;
-  background-color: #f2f2f2;
-  border-radius: 150px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .item-head .btn .icon {
-  width: 18px;
-  height: 18px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .label {
-  margin-bottom: 10px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .label .item {
-  font-size: 14px;
-  color: #555555;
-  padding: 0 9px;
-  height: 24px;
-  line-height: 24px;
-  background-color: #f2f2f2;
-  border-radius: 6px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .label .item.icon {
-  padding: 0;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .label .item:not(:last-child) {
-  margin-right: 10px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .label .item.blue {
-  color: #ffffff;
-  background-color: #04b0d5;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .title {
-  font-weight: 650;
-  font-size: 20px;
-  color: #000000;
-  line-height: 36px;
-  margin-bottom: 7px;
-  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .message {
-  font-size: 14px;
-  color: #555555;
-  white-space: pre-wrap;
-  margin-bottom: 15px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .comment {
-  height: 40px;
-  background-color: #f6f6f6;
-  border-radius: 10px;
-  padding: 0 10px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .comment .icon {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  margin-right: 10px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .comment .text {
-  font-size: 14px;
-  color: #7f7f7f;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .bottom {
-  height: 55px;
-  justify-content: flex-end;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .bottom .bottom-item {
-  cursor: pointer;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .bottom .bottom-item:not(:last-child) {
-  margin-right: 60px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .bottom .bottom-item .icon {
-  width: 20px;
-  height: 20px;
-  margin-right: 8px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .bottom .bottom-item .text {
-  color: #aaaaaa;
-  font-size: 13px;
-}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box .bottom .bottom-item.like .icon {
-  width: 18px;
-  height: 18px;
-}
 #sectionIndex .matter .matter-content .details-box .side-box {
   width: 291px;
   height: 300px;
diff --git a/css/sectionIndex.less b/css/section-index.less
similarity index 70%
rename from css/sectionIndex.less
rename to css/section-index.less
index 134019b..11c7a48 100644
--- a/css/sectionIndex.less
+++ b/css/section-index.less
@@ -159,9 +159,9 @@
     }
 
     .matter {
+        align-items: flex-start;
         .sidebar {
             width: 150px;
-            height: 1225px;
             background-color: rgba(8, 53, 62, 1);
             border: 1px solid rgba(233, 238, 242, 1);
             border-radius: 10px;
@@ -185,14 +185,19 @@
                 padding-bottom: 10px;
                 margin-left: 20px;
                 margin-right: 20px;
-                &:not(:last-child) {
-                    border-bottom: 1px solid rgba(255, 255, 255, 0.24705882);
+                .line {
+                    height: 1px;
+                    background-color: rgba(255, 255, 255, 0.24705882);
+                    margin-top: 10px;
+                    margin-bottom: 10px;
                 }
+
                 .item {
                     height: 50px;
                     font-size: 14px;
                     color: rgba(255, 255, 255, 0.8);
                     z-index: 1;
+                    cursor: pointer;
 
                     .text {
                         z-index: 1;
@@ -305,6 +310,7 @@
                             border-radius: 8px;
                             font-size: 14px;
                             color: #333;
+                            cursor: pointer;
                             .icon {
                                 width: 16px;
                                 height: 16px;
@@ -433,155 +439,7 @@
                         width: 732px;
 
                         .item-box {
-                            width: 100%;
-                            background-color: rgba(255, 255, 255, 1);
-                            border: 1px solid rgba(233, 238, 242, 1);
-                            border-radius: 10px;
-                            padding: 18px 20px 0;
                             margin-bottom: 12px;
-
-                            .item-head {
-                                margin-bottom: 14px;
-                                .avatar {
-                                    width: 28px;
-                                    height: 28px;
-                                    border-radius: 50%;
-                                    margin-right: 8px;
-                                }
-
-                                .name {
-                                    font-style: normal;
-                                    color: #555555;
-                                    font-size: 14px;
-                                    margin-right: 8px;
-                                }
-
-                                .group {
-                                    height: 15px;
-                                    margin-right: 8px;
-                                }
-
-                                .time {
-                                    font-size: 13px;
-                                    color: #aaaaaa;
-                                }
-
-                                .view {
-                                    font-size: 12px;
-                                    color: #aaaaaa;
-                                    margin-right: 15px;
-
-                                    .icon {
-                                        width: 13px;
-                                        height: 8px;
-                                        margin-right: 5px;
-                                    }
-                                }
-
-                                .btn {
-                                    width: 24px;
-                                    height: 16px;
-                                    background-color: rgba(242, 242, 242, 1);
-                                    border-radius: 150px;
-
-                                    .icon {
-                                        width: 18px;
-                                        height: 18px;
-                                    }
-                                }
-                            }
-
-                            .label {
-                                margin-bottom: 10px;
-
-                                .item {
-                                    font-size: 14px;
-                                    color: #555555;
-                                    padding: 0 9px;
-                                    height: 24px;
-                                    line-height: 24px;
-                                    background-color: rgba(242, 242, 242, 1);
-                                    border-radius: 6px;
-
-                                    &.icon {
-                                        padding: 0;
-                                    }
-
-                                    &:not(:last-child) {
-                                        margin-right: 10px;
-                                    }
-
-                                    &.blue {
-                                        color: #ffffff;
-                                        background-color: #04b0d5;
-                                    }
-                                }
-                            }
-
-                            .title {
-                                font-weight: 650;
-                                font-size: 20px;
-                                color: #000000;
-                                line-height: 36px;
-                                margin-bottom: 7px;
-                                font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
-                            }
-
-                            .message {
-                                font-size: 14px;
-                                color: #555555;
-                                white-space: pre-wrap;
-                                margin-bottom: 15px;
-                            }
-
-                            .comment {
-                                height: 40px;
-                                background-color: rgba(246, 246, 246, 1);
-                                border-radius: 10px;
-                                padding: 0 10px;
-
-                                .icon {
-                                    width: 20px;
-                                    height: 20px;
-                                    border-radius: 50%;
-                                    margin-right: 10px;
-                                }
-
-                                .text {
-                                    font-size: 14px;
-                                    color: #7f7f7f;
-                                }
-                            }
-
-                            .bottom {
-                                height: 55px;
-                                justify-content: flex-end;
-
-                                .bottom-item {
-                                    cursor: pointer;
-                                    &:not(:last-child) {
-                                        margin-right: 60px;
-                                    }
-
-                                    .icon {
-                                        width: 20px;
-                                        height: 20px;
-                                        margin-right: 8px;
-                                    }
-
-                                    .text {
-                                        color: #aaaaaa;
-                                        font-size: 13px;
-                                    }
-
-                                    &.like {
-                                        .icon {
-                                            width: 18px;
-                                            height: 18px;
-                                        }
-                                    }
-                                }
-                            }
                         }
                     }
                 }
diff --git a/details.html b/details.html
new file mode 100644
index 0000000..7d00ff5
--- /dev/null
+++ b/details.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>版块首页</title>
+    <link rel="stylesheet" href="./css/public.css" />
+    <link rel="stylesheet" href="./css/details.css" />
+    <script src="./js/vue.global.js"></script>
+    <style>
+        [v-cloak] {
+            display: none;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container" id="details" v-cloak>
+        <div class="head-top flexacenter">
+            <img class="logo" src="https://oss.gter.net/logo" alt="" />
+            <div class="flex1"></div>
+            <div class="input-box flexacenter">
+                <input class="input flex1" type="text" placeholder="大家都在搜：屯特" />
+                <img class="icon" />
+            </div>
+
+            <div class="post-list flexacenter">
+                <img class="post-item" src="./img/post-thread.png" />
+                <img class="post-item" src="./img/post-offer.png" />
+                <img class="post-item" src="./img/post-summary.png" />
+                <img class="post-item" src="./img/post-mj.png" />
+                <img class="post-item" src="./img/post-vote.png" />
+            </div>
+        </div>
+
+        <div class="head-navigation flexacenter">
+            <img class="icon" src="./img/index-icon.png" />
+            <div class="text">首页</div>
+            <img class="arrows" src="./img/arrows-gray.svg" />
+            <div class="text">GTSuperstar 的个人主页</div>
+        </div>
+
+        <div class="matter flexflex">
+            <div class="matter-left">
+                <div class="block">
+                    <div class="matter-head flexacenter">
+                        <img class="avatar" src="https://axure-file.lanhuapp.com/md5__663dd09989ed49b33933982521ac4655.svg" alt="" />
+                        <div class="content flex1 flexflex">
+                            <div class="name flexacenter" bind:tap="goPersonalHomepage">
+                                <div>{{ authorInfo.nickname || '匿名用户' }}</div>
+                                <img v-if="authorInfo?.group?.title" class="icon" :src="authorInfo.group.title" />
+                            </div>
+                            <div class="time">{{ timestamp }}</div>
+                        </div>
+                        <div class="operate flexacenter">
+                            <div class="view flexacenter">
+                                <img class="icon" src="./img/eye-icon.svg">
+                                <div class="text">3016</div>
+                            </div>
+
+                            <div class="btn flexcenter" bind:tap="cutShow">
+                                <img class="icon" src="./img/dot-dot-dot-gray.png">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="label flexflex">
+                        <img class="item icon" src="./img/recommend-icon.png" />
+                        <img class="item icon" src="./img/essence-icon.png" />
+                        <div class="item blue">香港</div>
+                        <div class="item">香港</div>
+                    </div>
+
+                    <div class="title">[申请定位] 港理工各专业申请难度分析</div>
+
+                    <div class="html" v-html="info.content"></div>
+
+                    <div class="last-time">最后编辑：{{ updatedTime || timestamp }}</div>
+                    <div class="bottom flexacenter">
+                        <div class="bottom-item like flexacenter">
+                            <img class="icon" src="./img/like-black-icon.png" />
+                            <div class="text">{{ info.likes || "赞" }}</div>
+                        </div>
+                        <div class="bottom-item like flexacenter">
+                            <img class="icon" src="./img/collect-black-icon.png" />
+                            <div class="text">{{ info.collections || "收藏" }}</div>
+                        </div>
+                        <div class="bottom-item like flexacenter">
+                            <img class="icon" src="./img/discuss-black-icon.png" />
+                            <div class="text">{{ info.comments || "讨论" }}</div>
+                        </div>
+                        <div class="bottom-item like flexacenter">
+                            <img class="icon" src="./img/bi-black-icon.png" />
+                            <div class="text">{{ info.coins || "投币" }}</div>
+                        </div>
+                        <div class="bottom-item like flexacenter">
+                            <img class="icon" src="./img/share-black-icon.png" />
+                            <div class="text">转发</div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="block related">
+                    <div class="related-head flexacenter">
+                        <div class="text">相关帖子</div>
+                        <div class="time">Updated by 2025.10.13</div>
+                    </div>
+                    <div class="list flexflex">
+                        <div class="item flexacenter" v-for="item in 8">
+                            <div class="dot"></div>
+                            <div class="text one-line-display">2023年6月下签 SDS Timeline 15天收到梦橡塑OFFER2023年6月下签 SDS Timeline 15天收到梦橡塑OFFER2023年6月下签 SDS Timeline 15天收到梦橡塑OFFER2023年6月下签 SDS Timeline 15天收到梦橡塑OFFER</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="sidebar-box">
+                <a class="adv">
+                    <img class="adv-img" src="https://o.x-php.com/bbs/common/cf/1709075xdbbbvjd8cbxvdd.jpg">
+                </a>
+
+                <div class="sidebar-item">
+                    <div class="sidebar-header">手机查看该帖子</div>
+                    <div class="sidebar-content flexcenter">
+                        <img src="https://o.x-php.com/qrcode/eunKLTiKLX4O" class="sidebar-QRCode">
+                        <div class="hint flexacenter">
+                            <img class="saoma-icon" src="//framework.x-php.com/gter/image/gter/offer/imgdetails/u161.png?v=5.2.91_282044242">
+                            微信扫一扫
+                        </div>
+                    </div>
+                </div>
+
+                <div class="sidebar-item">
+                    <div class="sidebar-header">关于作者</div>
+                    <div class="sidebar-content flexcenter">
+                        <div class="author-box flexacenter">
+                            <img class="avatar" src="./img/avatar.png">
+                            <div class="author-content">
+                                <div class="author-name flexacenter">4564sd56f456</div>
+                                <div class="author-info flexacenter">共 <div class="amount">57</div> 个创作，获得 <div class="amount">1093</div> 个赞</div>
+                            </div>
+                        </div>
+
+                        <div class="medal">
+                            <div class="medal-title">勋章 6</div>
+                            <div class="medal-list flexflex">
+                                <img class="medal-item" v-for="item in 6" :key="item" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG3WvCGHpt5oNTyM1Nwws484T7rGFDO1bKwnG2kLV_eSo5JUnMYHVj-SsGLytRp94iZe_tpbmD-4Ce4gYuGWnGU_hCATZ7u7I_X1F8YjCfX63o7x6CLR54iN90MUNDQyOQ~~">
+                            </div>
+                        </div>
+
+                        <div class="recently">
+                            <div class="recently-title">最近发布</div>
+                            <div class="recently-list flexflex">
+                                <div v-for="item in 8" :key="item" class="recently-item one-line-display flexacenter">
+                                    <div class="dot"></div>
+                                    <div class="text one-line-display flex1">GMAT这么有用吗？跟大家讨论讨的跟大家讨论讨的跟大家讨论讨的</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="coins-area flexcenter" v-if="false">
+            <div class="coins-box flexcenter">
+                <img class="fork" src="./img/fork-icon.png">
+                <div class="coins-head flexacenter">
+                    <img class="icon" src="./img/bi-icon.png">
+                    <div class="text flexacenter">该帖子已获得 <div class="sum">23</div> 个寄托币</div>
+                </div>
+                <div class="coins-input flexacenter">
+                    <input class="input flex1" type="number" placeholder="输入投币数">
+                    <div class="btn">投币</div>
+                </div>
+
+                <div class="coins-info flexacenter">
+                    <img class="icon" src="./img/bi-black-icon.png">
+                    你当前共有 <div class="sum">934</div> 寄托币
+                    <div class="strategy">[挣币攻略]</div>
+                </div>
+
+                <div class="coins-list-area flexflex">
+                    <div class="coins-total flexacenter">共 <div class="sum">11</div> 人参与投币：</div>
+                    <div class="list flex1">
+                        <div class="item flexacenter" v-for="item in 1">
+                            <div class="serial">1</div>
+                            <div class="user flex1 flexacenter">
+                                <img class="avatar" src="./img/avatar.png">
+                                <div class="username one-line-display flex1">4564sd56f456</div>
+                            </div>
+                            <div class="amount flexacenter">100 <div class="text">币</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/axios.min.js"></script>
+    <script src="./js/public.js"></script>
+    <script type="module" src="./js/details.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/homepage-me.html b/homepage-me.html
new file mode 100644
index 0000000..8acc3ae
--- /dev/null
+++ b/homepage-me.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/public.css" />
+    <link rel="stylesheet" href="./css/homepage-me.css" />
+    <script src="./js/vue.global.js"></script>
+</head>
+
+<body>
+    <div class="container" id="homepage-me">
+        <div class="head-top flexacenter">
+            <img class="logo" src="https://oss.gter.net/logo" alt="" />
+            <div class="flex1"></div>
+            <div class="input-box flexacenter">
+                <input class="input flex1" type="text" placeholder="大家都在搜：屯特" />
+                <img class="icon" />
+            </div>
+
+            <div class="sign-in sign-in-already flexcenter" v-if="signInAlreadyState" v-cloak onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')">
+                <img class="sign-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-icon.png" />
+                <span>已签到，明天再来</span>
+            </div>
+            <div class="sign-in sign-in-no flexacenter" v-else onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')" v-cloak>
+                <img class="sign-in-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-in-bj.svg" />
+                <img class="coin-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-bj.svg" />
+                <img class="coin-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-icon.png" />
+                <span class="text flex1">签到领寄托币</span>
+                <div class="sign-go flexcenter">
+                    <img class="sign-go-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-go.svg" />
+                    GO
+                </div>
+                <img class="petal1" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal1.png" />
+                <img class="petal2" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal2.png" />
+                <img class="petal3" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal3.png" />
+            </div>
+        </div>
+
+        <div class="head-navigation flexacenter">
+            <img class="icon" src="./img/index-icon.png" />
+            <div class="text">首页</div>
+            <img class="arrows" src="./img/arrows-gray.svg" />
+            <div class="text">GTSuperstar 的个人主页</div>
+        </div>
+
+        <div class="matter flexflex">
+            <div class="card-user flexcenter">
+                <div class="name-area">
+                    <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WV5VHK6OikN42jDKLNjtax7HL4g2eMCJSdU9oWFhY2E~/middle" alt="用户头像" />
+
+                    <h3 class="username flexcenter">GTSuperstar</h3>
+                    <p class="uid flexcenter">
+                        UID: 3276161
+                        <img class="icon" src="./img/copy-icon.png" />
+                    </p>
+                </div>
+
+                <div class="bi-box flexacenter">
+                    <img class="bi-masking" src="./img/bi-masking.svg" alt="">
+                    <img class="bi-icon" src="./img/bi-icon.svg" alt="">
+                    <div class="bi-content flex1">
+                        <div class="bi-sum">1906</div>
+                        <div class="bi-text">寄托币</div>
+                    </div>
+                    <div class="bi-btn flexcenter">
+                        关于寄托币
+                        <img class="bi-question" src="./img/question-mark.svg" alt="">
+                    </div>
+                </div>
+
+                <div class="medal-area">
+                    <p class="title">勋章 6</p>
+                    <div class="list flexflex">
+                        <img v-for="item in 10" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG3WvCGHpt5oNTyM1Nwws484T7rGFDO1bKwnG2kLV_eSo5JUnMYHVj-SsGLytRp94iZe_tpcnj-4Ce4gYuGWnGU_hCATZ7u7I_X1F8YjCfX63o6lsSPQ7Y2N90MUNDQyOQ~~" alt="勋章1" class="item" />
+                    </div>
+                </div>
+            </div>
+            <div class="matter-content flex1">
+                <div class="message-box" v-if="true">
+                    <!-- 头部区域 -->
+                    <div class="header">
+                        <img src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WV5VHK6OikN42jDKLNjtax7HL4g2eMCJSdU9oWFhY2E~/middle" alt="用户头像" class="avatar" />
+                        <span class="username">GTSuperstar</span>
+                        <!-- <img class="icon"> -->
+                    </div>
+
+                    <!-- 信息列表区域 -->
+                    <div class="info-list flexflex">
+                        <div class="item flexacenter">
+                            <span class="label">注册时间</span>
+                            <span class="value">2019-7-26 16:38</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">最后登录</span>
+                            <span class="value">2025-10-16 10:32</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">在线时长</span>
+                            <span class="value">1304 小时</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">上次访问 IP</span>
+                            <span class="value">116.237.182.149 -- 上海长宁区</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">Email</span>
+                            <span class="value">skysuper007@qq.com</span>
+                            <span class="status flexacenter">未认证</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">手机号</span>
+                            <span class="value">15934271290</span>
+                            <span class="status blue flexacenter">已认证</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">累计签到</span>
+                            <span class="value">1341 天</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">本月签到</span>
+                            <span class="value">6 天</span>
+                        </div>
+                        <div class="item flexacenter">
+                            <span class="label">寄托币</span>
+                            <span class="value">13813</span>
+                        </div>
+                    </div>
+
+                    <!-- 统计标签区域 -->
+                    <div class="stats flexacenter">
+                        <template v-for="item in 5" :key="item">
+                            <span class="item flexacenter">
+                                <div class="text">Offer ×</div>
+                                <div class="num">6</div>
+                            </span>
+                            <div class="line">|</div>
+                        </template>
+                    </div>
+                    <!-- Offer标签区域 -->
+                    <div class="tags flexflex">
+                        <div class="item flexacenter" v-for="item in 15" :key="item">
+                            <!-- <img class="icon" src="./img/mj-icon.png" mode="heightFix" /> -->
+                            <img class="icon" src="./img/offer-icon.png" mode="heightFix" />
+                            阿尔托大学
+                        </div>
+                    </div>
+                </div>
+
+                <div class="list-area">
+                    <div class="operation-box flexacenter">
+                        <div class="operation-item" :class="{'pitch': item === 1}" v-for="item in 5" :key="item">收藏</div>
+                    </div>
+
+                    <div class="classify flexacenter">
+                        <div class="item  " :class="{'pitch': item === 1}" v-for="item in 5" :key="item">全部</div>
+                    </div>
+
+                    <div class="issue-data flexacenter">
+                        共 <div class="num">57</div> 个创作
+                    </div>
+
+                    <!-- 系统会为你保留最近7天的浏览记录： -->
+
+
+
+                    <div class="list-box" v-if="false">
+                        <template v-for="(item,index) in list" :key="index"> {{ item.type }}
+                            <item-offer v-if=" item.type == 'offer'" :item="item"></item-offer>
+                            <item-summary v-else-if="item.type == 'offer_summary'" :item="item"></item-summary>
+                            <item-vote v-else-if="item.type == 'vote'" :itemdata="item"></item-vote>
+                            <item-mj v-else-if="item.type == 'interviewexperience'" :itemdata="item"></item-mj>
+                            <item-tenement v-else-if="item.type == 'tenement'" :itemdata="item"></item-tenement>
+                            <item-forum v-else :item="item"></item-forum>
+                        </template>
+                    </div>
+
+                    <div class="empty flexcenter">
+                        <img class="empty-icon" src="./img/empty-icon.png" />
+                        <div class="empty-text">- 暂无内容 -</div>
+                    </div>
+
+                    <div class="load-more flexcenter">加载更多…</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script type="module" src="./js/homepage-me.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/homepage-other.html b/homepage-other.html
index 1c4d759..ff0328d 100644
--- a/homepage-other.html
+++ b/homepage-other.html
@@ -51,8 +51,8 @@
                 <div class="name-area">
                     <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WV5VHK6OikN42jDKLNjtax7HL4g2eMCJSdU9oWFhY2E~/middle" alt="用户头像" />
 
-                    <h3 class="username">GTSuperstar</h3>
-                    <p class="uid flexacenter">
+                    <h3 class="username flexcenter">GTSuperstar</h3>
+                    <p class="uid flexcenter">
                         UID: 3276161
                         <img class="icon" src="./img/copy-icon.png" />
                     </p>
@@ -151,8 +151,8 @@
                         共 <div class="num">57</div> 个创作，获得 <div class="num">1093</div> 个赞
                     </div>
 
-                    <div class="list-box">
-                        <template v-for="(item,index) in list" :key="index"> {{ item.type }}
+                    <div class="list-box" v-if="true">
+                        <template v-for="(item,index) in list" :key="index">
                             <item-offer v-if=" item.type == 'offer'" :item="item"></item-offer>
                             <item-summary v-else-if="item.type == 'offer_summary'" :item="item"></item-summary>
                             <item-vote v-else-if="item.type == 'vote'" :itemdata="item"></item-vote>
@@ -161,6 +161,13 @@
                             <item-forum v-else :item="item"></item-forum>
                         </template>
                     </div>
+
+                    <div class="empty flexcenter">
+                        <img class="empty-icon" src="./img/empty-icon.png" />
+                        <div class="empty-text">- 暂无内容 -</div>
+                    </div>
+
+                    <div class="load-more flexcenter">加载更多…</div>
                 </div>
             </div>
         </div>
diff --git a/img/bi-black-icon.png b/img/bi-black-icon.png
new file mode 100644
index 0000000..7704af1
Binary files /dev/null and b/img/bi-black-icon.png differ
diff --git a/img/bi-icon.png b/img/bi-icon.png
new file mode 100644
index 0000000..bd5a8dc
Binary files /dev/null and b/img/bi-icon.png differ
diff --git a/img/bi-icon.svg b/img/bi-icon.svg
new file mode 100644
index 0000000..f3aabc2
--- /dev/null
+++ b/img/bi-icon.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="56px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="401px" y="482px" width="50px" height="56px" filterUnits="userSpaceOnUse" id="filter420">
+      <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner" />
+      <feGaussianBlur stdDeviation="2.5" in="shadowOffsetInner" result="shadowGaussian" />
+      <feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0.584313725490196  0 0 0 0 0.411764705882353  0 0 0 0 0.0745098039215686  0 0 0 1 0  " in="shadowComposite" />
+    </filter>
+    <g id="widget421">
+      <image preserveAspectRatio="none" style="overflow:visible" width="40" height="46" xlink:href="data:image/png;base64,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" x="406px" y="487px" />
+    </g>
+  </defs>
+  <g transform="matrix(1 0 0 1 -401 -482 )">
+    <use xlink:href="#widget421" filter="url(#filter420)" />
+    <use xlink:href="#widget421" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/bi-masking.svg b/img/bi-masking.svg
new file mode 100644
index 0000000..3385c67
--- /dev/null
+++ b/img/bi-masking.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="260px" height="65px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <mask fill="white" id="clip419">
+      <path d="M 402 542  C 395.34 542  390 536.66  390 530  L 390 489  C 390 482.34  395.34 477  402 477  L 638 477  C 644.66 477  650 482.34  650 489  L 650 530  C 650 536.66  644.66 542  638 542  " fill-rule="evenodd" />
+    </mask>
+  </defs>
+  <g transform="matrix(1 0 0 1 -390 -477 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="260" height="65" xlink:href="data:image/png;base64,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" x="390px" y="477px" mask="url(#clip419)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/collect-black-icon.png b/img/collect-black-icon.png
new file mode 100644
index 0000000..36b6b88
Binary files /dev/null and b/img/collect-black-icon.png differ
diff --git a/img/discuss-black-icon.png b/img/discuss-black-icon.png
new file mode 100644
index 0000000..5c9128f
Binary files /dev/null and b/img/discuss-black-icon.png differ
diff --git a/img/dot-dot-dot-gray.png b/img/dot-dot-dot-gray.png
new file mode 100644
index 0000000..cfa99a9
Binary files /dev/null and b/img/dot-dot-dot-gray.png differ
diff --git a/img/empty-icon.png b/img/empty-icon.png
new file mode 100644
index 0000000..6803200
Binary files /dev/null and b/img/empty-icon.png differ
diff --git a/img/eye-icon.svg b/img/eye-icon.svg
new file mode 100644
index 0000000..e1df75b
--- /dev/null
+++ b/img/eye-icon.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 0 -5 )">
+    <path d="M 9.65206473214286 6.26736111111111  C 10.6217447916667 5.70486111111111  11.4281994047619 4.94907407407407  12.0714285714286 4  C 11.3363095238095 2.90740740740741  10.4149925595238 2.09027777777778  9.30747767857143 1.54861111111111  C 9.60249255952381 2.03009259259259  9.75 2.55092592592593  9.75 3.11111111111111  C 9.75 3.96759259259259  9.43201264880952 4.70023148148148  8.79603794642857 5.30902777777778  C 8.16006324404762 5.91782407407407  7.39471726190476 6.22222222222222  6.5 6.22222222222222  C 5.60528273809524 6.22222222222222  4.83993675595238 5.91782407407407  4.20396205357143 5.30902777777778  C 3.56798735119048 4.70023148148148  3.25 3.96759259259259  3.25 3.11111111111111  C 3.25 2.55092592592593  3.39750744047619 2.03009259259259  3.69252232142857 1.54861111111111  C 2.58500744047619 2.09027777777778  1.66369047619048 2.90740740740741  0.928571428571428 4  C 1.5718005952381 4.94907407407407  2.37825520833333 5.70486111111111  3.34793526785714 6.26736111111111  C 4.31761532738095 6.82986111111111  5.36830357142857 7.11111111111111  6.5 7.11111111111111  C 7.63169642857143 7.11111111111111  8.68238467261905 6.82986111111111  9.65206473214286 6.26736111111111  Z M 6.74665178571429 1.56944444444444  C 6.81436011904762 1.50462962962963  6.84821428571429 1.42592592592593  6.84821428571429 1.33333333333333  C 6.84821428571429 1.24074074074074  6.81436011904762 1.16203703703704  6.74665178571429 1.09722222222222  C 6.67894345238095 1.03240740740741  6.59672619047619 0.999999999999999  6.5 1  C 5.89546130952381 0.999999999999999  5.37676711309524 1.20717592592593  4.94391741071429 1.62152777777778  C 4.51106770833333 2.03587962962963  4.29464285714286 2.53240740740741  4.29464285714286 3.11111111111111  C 4.29464285714286 3.2037037037037  4.32849702380952 3.28240740740741  4.39620535714286 3.34722222222222  C 4.46391369047619 3.41203703703704  4.54613095238095 3.44444444444444  4.64285714285714 3.44444444444444  C 4.73958333333333 3.44444444444444  4.8218005952381 3.41203703703704  4.88950892857143 3.34722222222222  C 4.95721726190476 3.28240740740741  4.99107142857143 3.2037037037037  4.99107142857143 3.11111111111111  C 4.99107142857143 2.71296296296296  5.13857886904762 2.37268518518519  5.43359375 2.09027777777778  C 5.72860863095238 1.80787037037037  6.08407738095238 1.66666666666667  6.5 1.66666666666667  C 6.59672619047619 1.66666666666667  6.67894345238095 1.63425925925926  6.74665178571429 1.56944444444444  Z M 12.8549107142857 3.52083333333333  C 12.9516369047619 3.68287037037037  13 3.84259259259259  13 4  C 13 4.15740740740741  12.9516369047619 4.31712962962963  12.8549107142857 4.47916666666667  C 12.1778273809524 5.54398148148148  11.2673921130952 6.39699074074074  10.1236049107143 7.03819444444444  C 8.97981770833333 7.67939814814815  7.77194940476191 8  6.5 8  C 5.2280505952381 8  4.02018229166667 7.67824074074074  2.87639508928571 7.03472222222222  C 1.73260788690476 6.3912037037037  0.822172619047619 5.53935185185185  0.145089285714286 4.47916666666667  C 0.0483630952380952 4.31712962962963  0 4.15740740740741  0 4  C 0 3.84259259259259  0.0483630952380952 3.68287037037037  0.145089285714286 3.52083333333333  C 0.822172619047619 2.46064814814815  1.73260788690476 1.6087962962963  2.87639508928571 0.965277777777778  C 4.02018229166667 0.321759259259259  5.2280505952381 0  6.5 0  C 7.77194940476191 0  8.97981770833333 0.321759259259259  10.1236049107143 0.965277777777778  C 11.2673921130952 1.6087962962963  12.1778273809524 2.46064814814815  12.8549107142857 3.52083333333333  Z " fill-rule="nonzero" fill="#a4a3a3" stroke="none" transform="matrix(1 0 0 1 0 5 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/fork-icon.png b/img/fork-icon.png
new file mode 100644
index 0000000..369f94f
Binary files /dev/null and b/img/fork-icon.png differ
diff --git a/img/like-black-icon.png b/img/like-black-icon.png
new file mode 100644
index 0000000..1f2be16
Binary files /dev/null and b/img/like-black-icon.png differ
diff --git a/img/post-mj.png b/img/post-mj.png
new file mode 100644
index 0000000..a0785af
Binary files /dev/null and b/img/post-mj.png differ
diff --git a/img/post-offer.png b/img/post-offer.png
new file mode 100644
index 0000000..3d7dda1
Binary files /dev/null and b/img/post-offer.png differ
diff --git a/img/post-summary.png b/img/post-summary.png
new file mode 100644
index 0000000..72aaa9c
Binary files /dev/null and b/img/post-summary.png differ
diff --git a/img/post-thread.png b/img/post-thread.png
new file mode 100644
index 0000000..f17cc63
Binary files /dev/null and b/img/post-thread.png differ
diff --git a/img/post-vote.png b/img/post-vote.png
new file mode 100644
index 0000000..1355466
Binary files /dev/null and b/img/post-vote.png differ
diff --git a/img/question-mark.svg b/img/question-mark.svg
new file mode 100644
index 0000000..02477ed
--- /dev/null
+++ b/img/question-mark.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -620 -503 )">
+    <path d="M 7.93880208333333 9.56119791666667  C 7.99348958333333 9.61588541666667  8.02083333333333 9.68576388888889  8.02083333333333 9.77083333333333  L 8.02083333333333 11.2291666666667  C 8.02083333333333 11.3142361111111  7.99348958333333 11.3841145833333  7.93880208333333 11.4388020833333  C 7.88411458333333 11.4934895833333  7.81423611111111 11.5208333333333  7.72916666666667 11.5208333333333  L 6.27083333333333 11.5208333333333  C 6.18576388888889 11.5208333333333  6.11588541666667 11.4934895833333  6.06119791666667 11.4388020833333  C 6.00651041666667 11.3841145833333  5.97916666666667 11.3142361111111  5.97916666666667 11.2291666666667  L 5.97916666666667 9.77083333333333  C 5.97916666666667 9.68576388888889  6.00651041666667 9.61588541666667  6.06119791666667 9.56119791666667  C 6.11588541666667 9.50651041666667  6.18576388888889 9.47916666666667  6.27083333333333 9.47916666666667  L 7.72916666666667 9.47916666666667  C 7.81423611111111 9.47916666666667  7.88411458333333 9.50651041666667  7.93880208333333 9.56119791666667  Z M 9.35611979166667 3.294921875  C 10.021484375 3.83875868055555  10.3541666666667 4.49045138888889  10.3541666666667 5.25  C 10.3541666666667 5.55381944444444  10.30859375 5.82725694444444  10.2174479166667 6.0703125  C 10.1263020833333 6.31336805555555  9.98806423611111 6.52300347222222  9.802734375 6.69921875  C 9.61740451388889 6.87543402777778  9.45941840277778 7.00911458333333  9.32877604166667 7.10026041666667  C 9.19813368055556 7.19140625  9.01736111111111 7.30078125  8.78645833333333 7.42838541666667  C 8.59201388888889 7.53776041666667  8.45073784722222 7.62282986111111  8.36263020833333 7.68359375  C 8.27452256944444 7.74435763888889  8.19552951388889 7.81727430555556  8.12565104166667 7.90234375  C 8.05577256944444 7.98741319444444  8.02083333333333 8.07552083333333  8.02083333333333 8.16666666666667  L 8.02083333333333 8.45833333333333  C 8.02083333333333 8.54340277777778  7.99348958333333 8.61328125  7.93880208333333 8.66796875  C 7.88411458333333 8.72265625  7.81423611111111 8.75  7.72916666666667 8.75  L 6.27083333333333 8.75  C 6.18576388888889 8.75  6.11588541666667 8.72265625  6.06119791666667 8.66796875  C 6.00651041666667 8.61328125  5.97916666666667 8.54340277777778  5.97916666666667 8.45833333333333  L 5.97916666666667 7.83854166666667  C 5.97916666666667 7.62586805555556  6.01106770833333 7.42990451388889  6.07486979166667 7.25065104166667  C 6.138671875 7.07139756944444  6.21158854166667 6.92708333333333  6.29361979166667 6.81770833333333  C 6.37565104166667 6.70833333333333  6.494140625 6.60047743055555  6.64908854166667 6.494140625  C 6.80403645833333 6.38780381944444  6.92860243055556 6.31032986111111  7.02278645833333 6.26171875  C 7.11697048611111 6.21310763888889  7.25217013888889 6.14930555555555  7.42838541666667 6.0703125  C 7.75043402777778 5.91840277777778  7.97829861111111 5.78776041666667  8.11197916666667 5.67838541666667  C 8.24565972222222 5.56901041666667  8.3125 5.42013888888889  8.3125 5.23177083333333  C 8.3125 4.9765625  8.18033854166667 4.75933159722222  7.916015625 4.580078125  C 7.65169270833333 4.40082465277778  7.36154513888889 4.31119791666667  7.04557291666667 4.31119791666667  C 6.70529513888889 4.31119791666667  6.41666666666667 4.39322916666667  6.1796875 4.55729166666667  C 6.00347222222222 4.67881944444444  5.76041666666667 4.93098958333333  5.45052083333333 5.31380208333333  C 5.39583333333333 5.38671875  5.31987847222222 5.42317708333333  5.22265625 5.42317708333333  C 5.15581597222222 5.42317708333333  5.09809027777778 5.40494791666667  5.04947916666667 5.36848958333333  L 4.06510416666667 4.62109375  C 4.00434027777778 4.57855902777778  3.96788194444444 4.51779513888889  3.95572916666667 4.43880208333333  C 3.94357638888889 4.35980902777778  3.95876736111111 4.28993055555555  4.00130208333333 4.22916666666667  C 4.74262152777778 3.0625  5.80295138888889 2.47916666666667  7.18229166666667 2.47916666666667  C 7.96614583333333 2.47916666666667  8.69075520833333 2.75108506944444  9.35611979166667 3.294921875  Z M 9.26497395833333 1.63151041666667  C 8.544921875 1.32161458333333  7.78993055555556 1.16666666666667  7 1.16666666666667  C 6.21006944444444 1.16666666666667  5.455078125 1.32161458333333  4.73502604166667 1.63151041666667  C 4.01497395833333 1.94140625  3.39518229166667 2.35611979166667  2.87565104166667 2.87565104166667  C 2.35611979166667 3.39518229166667  1.94140625 4.01497395833333  1.63151041666667 4.73502604166667  C 1.32161458333333 5.455078125  1.16666666666667 6.21006944444444  1.16666666666667 7  C 1.16666666666667 7.78993055555556  1.32161458333333 8.544921875  1.63151041666667 9.26497395833333  C 1.94140625 9.98502604166667  2.35611979166667 10.6048177083333  2.87565104166667 11.1243489583333  C 3.39518229166667 11.6438802083333  4.01497395833333 12.05859375  4.73502604166667 12.3684895833333  C 5.455078125 12.6783854166667  6.21006944444444 12.8333333333333  7 12.8333333333333  C 7.78993055555556 12.8333333333333  8.544921875 12.6783854166667  9.26497395833333 12.3684895833333  C 9.98502604166667 12.05859375  10.6048177083333 11.6438802083333  11.1243489583333 11.1243489583333  C 11.6438802083333 10.6048177083333  12.05859375 9.98502604166667  12.3684895833333 9.26497395833333  C 12.6783854166667 8.544921875  12.8333333333333 7.78993055555556  12.8333333333333 7  C 12.8333333333333 6.21006944444444  12.6783854166667 5.455078125  12.3684895833333 4.73502604166667  C 12.05859375 4.01497395833333  11.6438802083333 3.39518229166667  11.1243489583333 2.87565104166667  C 10.6048177083333 2.35611979166667  9.98502604166667 1.94140625  9.26497395833333 1.63151041666667  Z M 13.0611979166667 3.486328125  C 13.6870659722222 4.55881076388889  14 5.73003472222222  14 7  C 14 8.26996527777778  13.6870659722222 9.44118923611111  13.0611979166667 10.513671875  C 12.4353298611111 11.5861545138889  11.5861545138889 12.4353298611111  10.513671875 13.0611979166667  C 9.44118923611111 13.6870659722222  8.26996527777778 14  7 14  C 5.73003472222222 14  4.55881076388889 13.6870659722222  3.486328125 13.0611979166667  C 2.41384548611111 12.4353298611111  1.56467013888889 11.5861545138889  0.938802083333333 10.513671875  C 0.312934027777778 9.44118923611111  0 8.26996527777778  0 7  C 0 5.73003472222222  0.312934027777778 4.55881076388889  0.938802083333333 3.486328125  C 1.56467013888889 2.41384548611111  2.41384548611111 1.56467013888889  3.486328125 0.938802083333333  C 4.55881076388889 0.312934027777777  5.73003472222222 0  7 0  C 8.26996527777778 0  9.44118923611111 0.312934027777777  10.513671875 0.938802083333333  C 11.5861545138889 1.56467013888889  12.4353298611111 2.41384548611111  13.0611979166667 3.486328125  Z " fill-rule="nonzero" fill="#ab7713" stroke="none" transform="matrix(1 0 0 1 620 503 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/img/share-black-icon.png b/img/share-black-icon.png
new file mode 100644
index 0000000..1983144
Binary files /dev/null and b/img/share-black-icon.png differ
diff --git a/index.html b/index.html
index e7756a8..1035d0e 100644
--- a/index.html
+++ b/index.html
@@ -1,105 +1,106 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Document</title>
-        <link rel="stylesheet" href="./css/public.css" />
-        <link rel="stylesheet" href="./css/index.css" />
-        <script src="./js/vue.global.js"></script>
-    </head>
 
-    <body>
-        <div class="container" id="appIndex">
-            <!-- 话题和精选 -->
-            <div v-if="true" class="topic-and-selectives flexflex">
-                <div class="topic-box">
-                    <div class="head-top flexcenter">
-                        <img class="icon" src="https://app.gter.net/image/miniApp/offer/well-white.svg" />
-                        <div class="text">话题</div>
-                    </div>
-                    <div class="topic-head flexflex" bind:tap="goDetails" data-uniqid="{{ ongoingbj.uniqid }}">
-                        <div class="title one-line-display">{{ ongoingbj.title }}</div>
-                        <div class="hint one-line-display">{{ ongoingbj.description }}</div>
-                        <div class="people flexacenter">
-                            <div class="left flexacenter">
-                                <div class="number">{{ ongoingbj.comments }}</div>
-                                <div class="text">人正在讨论</div>
-                            </div>
-                            <div class="right flexacenter">
-                                <div class="item flexcenter" v-for="(item, index) in ongoingbj.commentUser" :key="index" :style="{zIndex: 7 - index }">
-                                    <img class="img" :src="item.avatar" />
-                                </div>
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/public.css" />
+    <link rel="stylesheet" href="./css/index.css" />
+    <script src="./js/vue.global.js"></script>
+</head>
+
+<body>
+    <div class="container" id="appIndex">
+        <!-- 话题和精选 -->
+        <div v-if="true" class="topic-and-selectives flexflex">
+            <div class="topic-box">
+                <div class="head-top flexcenter">
+                    <img class="icon" src="https://app.gter.net/image/miniApp/offer/well-white.svg" />
+                    <div class="text">话题</div>
+                </div>
+                <div class="topic-head flexflex" bind:tap="goDetails" data-uniqid="{{ ongoingbj.uniqid }}">
+                    <div class="title one-line-display">{{ ongoingbj.title }}</div>
+                    <div class="hint one-line-display">{{ ongoingbj.description }}</div>
+                    <div class="people flexacenter">
+                        <div class="left flexacenter">
+                            <div class="number">{{ ongoingbj.comments }}</div>
+                            <div class="text">人正在讨论</div>
+                        </div>
+                        <div class="right flexacenter">
+                            <div class="item flexcenter" v-for="(item, index) in ongoingbj.commentUser" :key="index" :style="{zIndex: 7 - index }">
+                                <img class="img" :src="item.avatar" />
                             </div>
                         </div>
                     </div>
-                    <div class="topic-list">
-                        <div class="item flexacenter" v-for="(item, index) in pastList" :key="index" bind:tap="goDetails" data-uniqid="{{ item.uniqid }}">
-                            <img class="img" src="https://app.gter.net/image/miniApp/offer/well-yellow.svg" />
-                            <div class="text one-line-display flex1">{{ item.title }}</div>
-                        </div>
-                    </div>
                 </div>
-
-                <div class="selectives-box">
-                    <div class="head-top flexcenter">
-                        <img class="icon" src="https://app.gter.net/image/miniApp/offer/handpick-icon.png" />
-                        <div class="text">精选</div>
-                    </div>
-                    <div class="list flexflex">
-                        <div class="item flexacenter" v-for="(item, index) in 16" :key="index">
-                            <div class="dot"></div>
-                            <div class="text one-line-display">美国各院校申请时间汇总（一）美国各院校申请时间汇总（一）美国各院校申请时间汇总（一）</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- 论坛板块列表 -->
-            <div v-if="true" class="forum-sections-list">
-                <img class="img" src="./img/sections-left.svg" />
-                <div class="title">论坛版块</div>
-                <div class="list">
-                    <div class="line flexacenter">
-                        <div class="item flexacenter">香港</div>
-                        <div class="item flexacenter">香港</div>
-                        <div class="item flexacenter">香港</div>
-                    </div>
-                    <div class="line flexacenter">
-                        <div class="item flexacenter">经济/商科</div>
-                        <div class="item flexacenter">经济/商科</div>
-                        <div class="item flexacenter">经济/商科</div>
-                    </div>
-                    <div class="line flexacenter">
-                        <div class="item flexacenter">香港</div>
-                        <div class="item flexacenter">香港</div>
-                        <div class="item flexacenter">香港</div>
-                    </div>
-                    <div class="line flexacenter">
-                        <div class="item flexacenter">香港</div>
-                        <div class="item flexacenter">香港</div>
-                        <div class="item flexacenter">香港</div>
+                <div class="topic-list">
+                    <div class="item flexacenter" v-for="(item, index) in pastList" :key="index" bind:tap="goDetails" data-uniqid="{{ item.uniqid }}">
+                        <img class="img" src="https://app.gter.net/image/miniApp/offer/well-yellow.svg" />
+                        <div class="text one-line-display flex1">{{ item.title }}</div>
                     </div>
                 </div>
             </div>
 
-            <div class="item-box item-forum">
-                <div class="item-head flexacenter">
-                    <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
-                    <div class="name">小P学姐</div>
-                    <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" />
-                    <div class="time">2025-8-11 01:30</div>
-                    <div class="flex1"></div>
-
-                    <div class="view flexacenter">
-                        <img class="icon" src="https://app.gter.net/image/miniApp/offer/eye-icon.svg" />
-                        <div class="text">3016</div>
+            <div class="selectives-box">
+                <div class="head-top flexcenter">
+                    <img class="icon" src="https://app.gter.net/image/miniApp/offer/handpick-icon.png" />
+                    <div class="text">精选</div>
+                </div>
+                <div class="list flexflex">
+                    <div class="item flexacenter" v-for="(item, index) in 16" :key="index">
+                        <div class="dot"></div>
+                        <div class="text one-line-display">美国各院校申请时间汇总（一）美国各院校申请时间汇总（一）美国各院校申请时间汇总（一）</div>
                     </div>
+                </div>
+            </div>
+        </div>
+        <!-- 论坛板块列表 -->
+        <div v-if="true" class="forum-sections-list">
+            <img class="img" src="./img/sections-left.svg" />
+            <div class="title">论坛版块</div>
+            <div class="list">
+                <div class="line flexacenter">
+                    <div class="item flexacenter">香港</div>
+                    <div class="item flexacenter">香港</div>
+                    <div class="item flexacenter">香港</div>
+                </div>
+                <div class="line flexacenter">
+                    <div class="item flexacenter">经济/商科</div>
+                    <div class="item flexacenter">经济/商科</div>
+                    <div class="item flexacenter">经济/商科</div>
+                </div>
+                <div class="line flexacenter">
+                    <div class="item flexacenter">香港</div>
+                    <div class="item flexacenter">香港</div>
+                    <div class="item flexacenter">香港</div>
+                </div>
+                <div class="line flexacenter">
+                    <div class="item flexacenter">香港</div>
+                    <div class="item flexacenter">香港</div>
+                    <div class="item flexacenter">香港</div>
+                </div>
+            </div>
+        </div>
 
-                    <div class="btn flexcenter" @click="cutShow">
-                        <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />
-                    </div>
+        <div class="item-box item-forum">
+            <div class="item-head flexacenter">
+                <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
+                <div class="name">小P学姐</div>
+                <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" />
+                <div class="time">2025-8-11 01:30</div>
+                <div class="flex1"></div>
 
-                    <!-- <template v-if="show">
+                <div class="view flexacenter">
+                    <img class="icon" src="https://app.gter.net/image/miniApp/offer/eye-icon.svg" />
+                    <div class="text">3016</div>
+                </div>
+
+                <div class="btn flexcenter" @click="cutShow">
+                    <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />
+                </div>
+
+                <!-- <template v-if="show">
                         <div class="mask" catch:tap="cutShow" catch:touchmove="touchmove"></div>
                         <div class="operate" catch:tap="true">
                             <div class="item" bind:tap="report">举报</div>
@@ -110,45 +111,46 @@
                             </template>
                         </div>
                     </template> -->
+            </div>
+
+            <div class="label flexflex">
+                <img class="item icon" src="./img/recommend-icon.png" />
+                <img class="item icon" src="./img/essence-icon.png" />
+                <div class="item blue">香港</div>
+                <div class="item">香港</div>
+            </div>
+
+            <div class="title">【干货】香港留学费用准备</div>
+
+            <div class="message">在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…</div>
+
+            <div class="comment flexacenter">
+                <img class="icon" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
+                <div class="text one-line-display">在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…</div>
+            </div>
+
+            <div class="bottom flexacenter">
+                <div class="bottom-item like flexacenter">
+                    <img class="icon" src="./img/like-icon.png" />
+                    <div class="text">3016</div>
                 </div>
-
-                <div class="label flexflex">
-                    <img class="item icon" src="./img/recommend-icon.png" />
-                    <img class="item icon" src="./img/essence-icon.png" />
-                    <div class="item blue">香港</div>
-                    <div class="item">香港</div>
+                <div class="bottom-item like flexacenter">
+                    <img class="icon" src="./img/collect-golden.svg" />
+                    <div class="text">3016</div>
                 </div>
-
-                <div class="title">【干货】香港留学费用准备</div>
-
-                <div class="message">在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…</div>
-
-                <div class="comment flexacenter">
-                    <img class="icon" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
-                    <div class="text one-line-display">在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…</div>
+                <div class="bottom-item like flexacenter">
+                    <img class="icon" src="./img/discuss-icon.png" />
+                    <div class="text">3016</div>
                 </div>
-
-                <div class="bottom flexacenter">
-                    <div class="bottom-item like flexacenter">
-                        <img class="icon" src="./img/like-icon.png" />
-                        <div class="text">3016</div>
-                    </div>
-                    <div class="bottom-item like flexacenter">
-                        <img class="icon" src="./img/collect-golden.svg" />
-                        <div class="text">3016</div>
-                    </div>
-                    <div class="bottom-item like flexacenter">
-                        <img class="icon" src="./img/discuss-icon.png" />
-                        <div class="text">3016</div>
-                    </div>
-                    <div class="bottom-item like flexacenter">
-                        <img class="icon" src="./img/share-gray.png" />
-                        <div class="text">3016</div>
-                    </div>
+                <div class="bottom-item like flexacenter">
+                    <img class="icon" src="./img/share-gray.png" />
+                    <div class="text">3016</div>
                 </div>
             </div>
         </div>
+    </div>
 
-        <script src="./js/index.js"></script>
-    </body>
-</html>
+    <script src="./js/index.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/js/details.js b/js/details.js
new file mode 100644
index 0000000..916fca1
--- /dev/null
+++ b/js/details.js
@@ -0,0 +1,75 @@
+const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch } = Vue;
+import { itemForum } from "../component/item-forum/item-forum.js";
+import { itemOffer } from "../component/item-offer/item-offer.js";
+import { itemSummary } from "../component/item-summary/item-summary.js";
+import { itemVote } from "../component/item-vote/item-vote.js";
+import { itemMj } from "../component/item-mj/item-mj.js";
+import { itemTenement } from "../component/item-tenement/item-tenement.js";
+
+const appSectionIndex = createApp({
+    setup() {
+        let signInAlreadyState = ref(false);
+
+        let authorInfo = ref({});
+        let info = ref({});
+        let ismyself = ref(false);
+        let labelList = ref({
+            sectionn: "",
+            tags: [],
+        });
+
+        let timestamp = ref("");
+        let updatedTime = ref("");
+        let token = "";
+
+        onMounted(() => {
+            init();
+        });
+
+        const init = () => {
+            ajaxget(`https://api.gter.net/v2/api/forum/getTopicDetails?uniqid=${"9GPSfyaGDTz5"}`).then((res) => {
+                console.log("res", res);
+                const data = res.data;
+
+                console.log("data", data);
+
+                let targetInfo = data.info;
+
+                if (!targetInfo.hidden) targetInfo.hidden = 0;
+
+                // 替换换行
+                targetInfo.content = targetInfo.content?.replace(/\n/g, "<br>") || "";
+
+                if (!targetInfo.content) {
+                    targetInfo.content = targetInfo.title;
+                    targetInfo.title = "";
+                }
+
+                authorInfo.value = Array.isArray(data.authorInfo) ? null : data.authorInfo;
+                ismyself.value = data.ismyself || false;
+                labelList.value = {
+                    sectionn: targetInfo.sectionn,
+                    tags: targetInfo.tags,
+                };
+
+                timestamp.value = strtimeago(targetInfo.release_at, 4);
+                updatedTime.value = targetInfo.updated_at ? strtimeago(targetInfo.updated_at, 4) : null;
+                info.value = targetInfo;
+
+                token = data.token;
+
+                // if (this.islogin) this.getTopicOperation();
+            });
+        };
+
+        return { signInAlreadyState, authorInfo, info, timestamp, updatedTime, labelList };
+    },
+});
+appSectionIndex.component("itemForum", itemForum);
+appSectionIndex.component("itemOffer", itemOffer);
+appSectionIndex.component("itemSummary", itemSummary);
+appSectionIndex.component("itemVote", itemVote);
+appSectionIndex.component("itemMj", itemMj);
+appSectionIndex.component("itemTenement", itemTenement);
+
+appSectionIndex.mount("#details");
diff --git a/js/homepage-me.js b/js/homepage-me.js
new file mode 100644
index 0000000..be95f9e
--- /dev/null
+++ b/js/homepage-me.js
@@ -0,0 +1,1483 @@
+const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch } = Vue;
+import { itemForum } from "../component/item-forum/item-forum.js";
+import { itemOffer } from "../component/item-offer/item-offer.js";
+import { itemSummary } from "../component/item-summary/item-summary.js";
+import { itemVote } from "../component/item-vote/item-vote.js";
+import { itemMj } from "../component/item-mj/item-mj.js";
+import { itemTenement } from "../component/item-tenement/item-tenement.js";
+
+const appSectionIndex = createApp({
+    setup() {
+        let signInAlreadyState = ref(false);
+
+        let list = ref([
+            {
+                id: 292079,
+                uniqid: "KvvbW0CeePje",
+                subject: "佐敦文華小氣窗套房，近柯士甸及高鐵，獨立廚廁，超方便，歡迎微信tamama228了解!",
+                location: "2.2",
+                acreage: "80",
+                updatetime: 1761106924,
+                status: 1,
+                dingtime: 1761099519,
+                count_view: 675,
+                count_fav: 13,
+                elevator: 1,
+                point: "114.171951,22.304155",
+                sunshinearea: -1,
+                rent: 5000,
+                verified: 0,
+                isintermediary: 0,
+                rentalduration: "0",
+                rentalperiod: "月",
+                avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslW1W1VREKfc2UhyiGPAJp6yZRCGcttjKcbNR8lQYWFjYQ~~/mini",
+                gptype: "整租",
+                type: "tenement",
+                intermediary: 5,
+                leaseterm: 2,
+                gender: 3,
+                property: "2",
+                imageurl: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_p0kd3nqqsgFptxhXa6SWi2uePJ5Bg8VFrPIvsEG-4BUCm7F7lfn5E5jtX0K_tdQgQ_5bap6c_Ca1y5p6TdLOeCoNKSSNDQyOQ~~",
+                nickname: "葉拳",
+                position: 1,
+                isvideo: 1,
+                isnew: 0,
+                ispic: 1,
+                ishot: 0,
+                timestamp: 1729393074,
+                tenementtype: "2.1",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "bWSf4CODWyvr",
+                title: "",
+                type: "interviewexperience",
+                content: "皇家兽医学院与专业深度解析",
+                release_at: "2025-08-21 22:51:38",
+                sectionid: [19],
+                sectionn: ["其它学科"],
+                tags: ["其它学科", "农学类", "经验分享", "英国-英格兰", "面试经验", "申请准备", "2025", "英国皇家兽医学院"],
+                views: 115,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    profession: "",
+                    interviewtime: "2025-08-21",
+                    schoolid: 215,
+                    schoolname: "英国皇家兽医学院",
+                    schoolenname: "Royal Veterinary College",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_Z0kcn_qqsgFptxhXa6RWi26P-BuTQ0SHbbD4tkb8LQ0NDI5",
+                    city: "英国-英格兰",
+                    project: "皇家兽医",
+                },
+                user: {
+                    nickname: "HKHv记录",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X11UFquOikN42jDKLNjtax7HdN4xe5LWSdU9oWFhY2E~/small",
+                    groupid: 0,
+                    groupimage: "",
+                    grouptitle: "",
+                },
+                images: [],
+                token: "en86azwTjR4YSyZgAyynGOErZRShukBB6Lh2H1w_LEcLuh2MWfRxeNHNxGXK5Wo-Cl_HtrYKD7hvu66t7-lvTWyhbqLDZGE5NQ~~",
+            },
+            {
+                anonymous: 1,
+                best: 0,
+                coins: 1,
+                collections: 0,
+                commentreviews: { content: "感觉比萨圣安娜可以作为跳板去美国top30的学校。csc最大的问题是有些敏感领域基本上不接受csc了？", avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXs…VtRFaqOikN42jDKLNjtax7HIYgwL5KMSdU9oWFhY2E~/small" },
+                comments: 1,
+                content: "刚签了CSC协议，来了比萨圣安娜的MSCA DN结果。鲁汶CSC是运用AI到信息物理系统上，比萨圣安娜是机器人外骨骼。有点纠结，不知道该怎么办比较好了。",
+                data: {
+                    deadline: "2025-09-30 23:59:59",
+                    votes: 19,
+                    status: 0,
+                    option: [
+                        {
+                            count: 4,
+                            id: 5137,
+                            percentage: 21,
+                            selected: 1,
+                            value: "鲁汶CSC",
+                            vid: 1789,
+                        },
+                        {
+                            count: 6,
+                            id: 5138,
+                            percentage: 32,
+                            selected: 0,
+                            value: "比萨圣安娜MSCA DN ",
+                            vid: 1789,
+                        },
+                        {
+                            count: 9,
+                            id: 5139,
+                            percentage: 47,
+                            selected: 0,
+                            value: "不懂，围观学习",
+                            vid: 1789,
+                        },
+                    ],
+                },
+                images: [],
+                is_collect: 0,
+                is_like: 0,
+                ismyself: 0,
+                likes: 1,
+                recommend: 0,
+                release_at: "2025-09-25 16:47:33",
+                role: { allow: true },
+                sectionid: [8, 19],
+                sectionn: ["其它地区", "其它学科"],
+                sticky: 0,
+                tags: ["问题求助", "其它地区", "其它学科"],
+                title: "鲁汶CSC vs 比萨圣安娜MSCA DN",
+                token: "gE-Qov4bgCYQ4yheOxRnyu8d8LwZaupgwPJyu4FwAiyj17LzezZdMhcMO1XqrTQtx4lKgCMCFpYUoeWFlbsYNeyiMDUwY2Q~",
+                type: "vote",
+                uniqid: "S1ezDmnHDKTD",
+                user: { nickname: "匿名用户", avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small" },
+                views: 144,
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "yfySrXjiquHf",
+                title: "证件翻译大家都怎么弄？",
+                type: "vote",
+                content: "2025年了，证件翻译大家都怎么弄？",
+                release_at: "2025-10-16 23:06:31",
+                sectionid: [],
+                sectionn: [],
+                tags: ["签证行前", "资料分享", "杂谈"],
+                views: 74,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 1,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    deadline: "2025-11-14 23:59:59",
+                    votes: 2,
+                    status: 1,
+                    option: [
+                        {
+                            value: "微信小程序",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5143,
+                            selected: 0,
+                        },
+                        {
+                            value: "淘宝",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5144,
+                            selected: 0,
+                        },
+                        {
+                            value: "小红书",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5145,
+                            selected: 0,
+                        },
+                        {
+                            value: "DIY",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5146,
+                            selected: 0,
+                        },
+                        {
+                            value: "大模型",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5147,
+                            selected: 0,
+                        },
+                        {
+                            value: "翻译公司",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5148,
+                            selected: 0,
+                        },
+                        {
+                            value: "中介",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5149,
+                            selected: 0,
+                        },
+                        {
+                            value: "其他",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5150,
+                            selected: 0,
+                        },
+                        {
+                            value: "不懂，围观学习",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5151,
+                            selected: 0,
+                        },
+                    ],
+                },
+                user: {
+                    nickname: "秒译",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X19RE6qOikN42jDKLNjtax7Hdog0eMzZSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "LD4asTs1APuZ3pelHeq1rTM-gj2pGn7WFf0zCpKLeFKsF4dtFUIlFw0joGlLiamWd4hYx-r3fUYupKbR7aj79Zji_m-MNjhiNg~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "1ay0CGHLP5ai",
+                title: "25fall DIY 农学相关专业欧陆申请总结",
+                type: "offer_summary",
+                content: "7月1日的时候收到了慕尼黑大学国际办公室和生物院的offer文件，25fall终于得到了一个比较圆满的结果。\n整理一下我的时间线，差不多大二下的时候我才决定去留学，但当时在校的绩点并不美丽，花了整整一",
+                release_at: "2025-07-01 23:08:48",
+                sectionid: [2],
+                sectionn: ["欧洲"],
+                tags: ["录取抉择", "德国", "欧洲", "低GPA", "经验分享", "申请准备", "25Fall", "双非", "低预算", "申请材料", "文书", "背景提升", "荷兰", "芬兰", "农学类", "本科", "动机信", "DIY"],
+                views: 178,
+                comments: 2,
+                commentreviews: {
+                    content: "超赞的",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle2XF9XFqWOikN42jDKLNjtax7HctpkLM3bSdU9oWFhY2E~/small",
+                },
+                likes: 1,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 68,
+                best: 0,
+                recommend: 1,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    offercount: 5,
+                    offerlist: [
+                        {
+                            apply_results: 1,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "plant science",
+                            semester: "25",
+                            schoolname: "瓦赫宁根大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-T-JkocXrqqsgFptxhXa6RWi26P-BuTVNFRrqX4dkb8LQ0NDI5",
+                        },
+                        {
+                            apply_results: 1,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "plant biotechnology",
+                            semester: "25",
+                            schoolname: "瓦赫宁根大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-T-JkocXrqqsgFptxhXa6RWi26P-BuTVNFRrqX4dkb8LQ0NDI5",
+                        },
+                        {
+                            apply_results: 4,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "农业科学硕士  Master of Agricultural Sciences",
+                            semester: "25",
+                            schoolname: "赫尔辛基大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W-5gpdHzqqsgFptxhXa6RWi26P-BuTQNGRbTA59kb8LQ0NDI5",
+                        },
+                    ],
+                },
+                user: {
+                    nickname: "Gter4223782",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WV5VHK6OikN42jDKLNjtax7HL4g2eMCJSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "14BYozVQyRIwiqT66DY9HkURSDRivSvkEgEiMG8hp2UGT1AbY-XqbhULq6zTAASkPPrbYEMCvxYbc7xXcnZlF8H9DnzAMGUzYw~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "5yLPXSXuLWiS",
+                title: "26Fall-利兹大学 MSc Offer",
+                type: "offer",
+                content: "虽然不是秒下，但从申请到出结果也只有两周时间",
+                release_at: "2025-10-19 14:30:47",
+                sectionid: [5, 19],
+                sectionn: ["英国", "其它学科"],
+                tags: ["硕士", "其它学科", "录取抉择", "电子电气类", "26Fall", "经验分享", "英国-英格兰", "英国", "报Offer", "利兹大学"],
+                views: 110,
+                comments: 0,
+                commentreviews: {
+                    content: "恭喜恭喜",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle2XF9XFqWOikN42jDKLNjtax7HctpkLM3bSdU9oWFhY2E~/small",
+                },
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 5,
+                best: 1,
+                recommend: 1,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    apply_results: 1,
+                    apply_results_text: "Offer",
+                    degree: "MSc",
+                    noticedate: "2025-10-17",
+                    professional: "Embedded Systems Engineering",
+                    project: null,
+                    semester: "26Fall",
+                    majortype: "EE电子电气",
+                    schoolid: 364,
+                    schoolname: "利兹大学",
+                    schoolenname: "University of Leeds",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_ZMud3fqqsgFptxhXa6RWi26P-BuTVYWFbCXttkb8LQ0NDI5",
+                },
+                user: {
+                    nickname: "一只大老鼠",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X11VEaqOikN42jDKLNjtax7HJYtlfsOMSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "-8DBjrMrz1WUFKRbwTkpJCqrqPyxOmivKx9Db5sIrdtEXt0rLSv_1nWe4x6NsbIb4xn1sxyjbpu6Fzq_u-Intk6Li9DmNzk2OQ~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "LTjvH9PHfeSD",
+                title: "博一进组，发现组里技术栈断代了，老板也给不了太多指导，要退学重开吗",
+                type: "question",
+                content: "\u003Cp\u003E如题，主播刚直博美国top50-60左右州立phd，机械工程专业，组里主要做3D打印，但跟老板商议的主要是做设计和制造结合的工作，但是进来发现组里白男大师兄学了技术但明摆着不想教，三天两头不来实",
+                release_at: "2025-10-14 11:55:57",
+                sectionid: [4],
+                sectionn: ["美国"],
+                tags: ["博士", "美国", "问题求助", "工学类", "海本", "海硕", "在读体验"],
+                views: 268,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "Ng4NccXVGXVlyfVty-SAnMfXkgjMdKqtS-Ni3FnMhDr7HtQh-BsjvkZslS3YXWMAwjpW_dtVcEykabkzHvB8e98YkGOlNTkyZA~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "SfyTL5nbKTbC",
+                title: "求欧陆计算机硕士定位\n可以接受跨领域专业",
+                type: "question",
+                content: "\u003Cp\u003E帖主双非中英合办\u003C/p\u003E\u003Cp\u003E中方均分80\u003C/p\u003E\u003Cp\u003E英方一等学位\u003C/p\u003E\u003Cp\u003E但是中方的成绩单包含了英方的课程\u003C/p\u003E\u003Cp\u003E有没有哪些推荐申请的学校\u003C/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C/p\u003E",
+                release_at: "2025-10-13 03:14:42",
+                sectionid: [2],
+                sectionn: ["欧洲"],
+                tags: ["硕士", "问题求助", "中外合办", "选校定位", "计算机类", "欧洲", "双非"],
+                views: 167,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "sVw_YGi9JWVpXfpv3BoeAISa7y5LJixJlGNyFx1TGpQNG2D5sL-Ud3AknKHe4FJhqtab4ZDEOPgUyKWezI8wEf0a6VEBNDA3Ng~~",
+            },
+            {
+                id: 2,
+                program_en: "Executive Master of Business Administration (Taught in Chinese)",
+                program_zh: "高级管理人员工商管理硕士【中文授课】",
+                program_abbr: "EMBA(P)",
+                program_code: "P01A",
+                award_en: "",
+                award_zh: "",
+                subject_area_id: 3,
+                subject_area_name: "Business and Management",
+                primary_university: "City University of Hong Kong",
+                primary_university_id: 3,
+                status: "ACTIVE",
+                intake_year: 2026,
+                disciplineid: 3,
+                distinctive: "免语言，中文授课，每月集中上课四天，留服认证",
+                rank: "25",
+                department: "商学院",
+                admissionsproject: "1",
+                departmentid: 18,
+                schoolalias: "城大",
+                schoolname: "香港城市大学",
+                tags: ["中文授课", "含Project", "Top 50"],
+                schoolenname: "City University of Hong Kong",
+                intake_month: 9,
+                schoolid: 311,
+                tuition_fee: null,
+                uniqid: "tf1yFYMPXsG7e90-toPRaK1AtWE5YzQ~",
+                type: "programs",
+                schoollogo: "https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJRfNzUxNg~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "1S5amr9qLznP",
+                title: "",
+                type: "question",
+                content: "目前大三，想要申请香港的phd，科研经历很少，老师建议我申请一个专利，去咨询了一家还不错的机构，想问一下有没有必要去申请？",
+                release_at: "2025-10-09 15:35:49",
+                sectionid: [1],
+                sectionn: ["香港"],
+                tags: ["博士", "问题求助", "香港", "26Fall", "选校定位"],
+                views: 349,
+                comments: 0,
+                commentreviews: [],
+                likes: 1,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "ZeoEDCwY515RPbeoHjHYJM6HhFDTl9Njku2zx0WZHOwG_WBDi1dLtJM5dw9L25jWTzFCQM20pswVZoOaB6UkeE3VXsOSOGE2Zg~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "5SPfS5T1Cynv",
+                title: "大家怎么评判Ivy-pro这家留学中介？",
+                type: "question",
+                content: "1. 已经答应整个付费方案了，先做一张定校表。\n2. 结果Ivy-pro说表要另外收费，否则不肯做。OK，谈好了800一张。\n3. 约电话时间聊定校表细节，结果Ivy-pro再次提付费做表。我……不是",
+                release_at: "2025-10-06 02:02:05",
+                sectionid: [],
+                sectionn: [],
+                tags: ["问题求助", "杂谈", "选校定位"],
+                views: 260,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "uLim5weo6uI8sfieFNEoN0rKlBEvBV6dT_oWpcQjWvNDIh3vgROqhlq-VXopnmy8EHQN2XV3bBOpqOzv-ARwnZdqXlo6ODdkMw~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "TDC9SP4aeW44",
+                title: "教育学硕士申请求定位 多伦多大学UoT oise med能否申请上。",
+                type: "question",
+                content: "bg：本科双非汉语言文学90.5的均分，雅思7，实习若干，无论文。目前想要申请oise med的cp/lle/sje/elp分支，想问问申请上的概率大不大。目前个人感觉本科专业和lle的更为符合，其他",
+                release_at: "2025-10-13 14:21:17",
+                sectionid: [3],
+                sectionn: ["加拿大"],
+                tags: ["硕士", "问题求助", "教育学类", "选校定位", "双非", "加拿大"],
+                views: 160,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "Gter4225226",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WVhQFqqOikN42jDKLNjtax7HLtlkLszZSdU9oWFhY2E~/small",
+                    groupid: 0,
+                    groupimage: "",
+                    grouptitle: "",
+                },
+                images: [],
+                token: "Y6DfCrk5gfar8xne2S77Li4pDSrykpWOYdhc87yiVBCYTN8HDnt2lRVe4hOLbMyIkrZb9Vddz-I4PBu2W8QCw_BrrJcENmE5MA~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "1ay0CGHLP5ai",
+                title: "25fall DIY 农学相关专业欧陆申请总结",
+                type: "offer_summary",
+                content: "7月1日的时候收到了慕尼黑大学国际办公室和生物院的offer文件，25fall终于得到了一个比较圆满的结果。\n整理一下我的时间线，差不多大二下的时候我才决定去留学，但当时在校的绩点并不美丽，花了整整一",
+                release_at: "2025-07-01 23:08:48",
+                sectionid: [2],
+                sectionn: ["欧洲"],
+                tags: ["录取抉择", "德国", "欧洲", "低GPA", "经验分享", "申请准备", "25Fall", "双非", "低预算", "申请材料", "文书", "背景提升", "荷兰", "芬兰", "农学类", "本科", "动机信", "DIY"],
+                views: 178,
+                comments: 2,
+                commentreviews: {
+                    content: "超赞的",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle2XF9XFqWOikN42jDKLNjtax7HctpkLM3bSdU9oWFhY2E~/small",
+                },
+                likes: 1,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 68,
+                best: 0,
+                recommend: 1,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    offercount: 5,
+                    offerlist: [
+                        {
+                            apply_results: 1,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "plant science",
+                            semester: "25",
+                            schoolname: "瓦赫宁根大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-T-JkocXrqqsgFptxhXa6RWi26P-BuTVNFRrqX4dkb8LQ0NDI5",
+                        },
+                        {
+                            apply_results: 1,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "plant biotechnology",
+                            semester: "25",
+                            schoolname: "瓦赫宁根大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-T-JkocXrqqsgFptxhXa6RWi26P-BuTVNFRrqX4dkb8LQ0NDI5",
+                        },
+                        {
+                            apply_results: 4,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "农业科学硕士  Master of Agricultural Sciences",
+                            semester: "25",
+                            schoolname: "赫尔辛基大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W-5gpdHzqqsgFptxhXa6RWi26P-BuTQNGRbTA59kb8LQ0NDI5",
+                        },
+                    ],
+                },
+                user: {
+                    nickname: "Gter4223782",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WV5VHK6OikN42jDKLNjtax7HL4g2eMCJSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "14BYozVQyRIwiqT66DY9HkURSDRivSvkEgEiMG8hp2UGT1AbY-XqbhULq6zTAASkPPrbYEMCvxYbc7xXcnZlF8H9DnzAMGUzYw~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "5yLPXSXuLWiS",
+                title: "26Fall-利兹大学 MSc Offer",
+                type: "offer",
+                content: "虽然不是秒下，但从申请到出结果也只有两周时间",
+                release_at: "2025-10-19 14:30:47",
+                sectionid: [5, 19],
+                sectionn: ["英国", "其它学科"],
+                tags: ["硕士", "其它学科", "录取抉择", "电子电气类", "26Fall", "经验分享", "英国-英格兰", "英国", "报Offer", "利兹大学"],
+                views: 110,
+                comments: 0,
+                commentreviews: {
+                    content: "恭喜恭喜",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle2XF9XFqWOikN42jDKLNjtax7HctpkLM3bSdU9oWFhY2E~/small",
+                },
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 5,
+                best: 1,
+                recommend: 1,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    apply_results: 1,
+                    apply_results_text: "Offer",
+                    degree: "MSc",
+                    noticedate: "2025-10-17",
+                    professional: "Embedded Systems Engineering",
+                    project: null,
+                    semester: "26Fall",
+                    majortype: "EE电子电气",
+                    schoolid: 364,
+                    schoolname: "利兹大学",
+                    schoolenname: "University of Leeds",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_ZMud3fqqsgFptxhXa6RWi26P-BuTVYWFbCXttkb8LQ0NDI5",
+                },
+                user: {
+                    nickname: "一只大老鼠",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X11VEaqOikN42jDKLNjtax7HJYtlfsOMSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "-8DBjrMrz1WUFKRbwTkpJCqrqPyxOmivKx9Db5sIrdtEXt0rLSv_1nWe4x6NsbIb4xn1sxyjbpu6Fzq_u-Intk6Li9DmNzk2OQ~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "uLrPv1Pbq4y1",
+                title: "香港租房位置如何选择？",
+                type: "question",
+                content: "\u003Cp\u003E孩子到香港大学读书，是租香港坚城中心的学生公寓还是租盈基花园的学生公寓更方便？有知道的麻烦说一下，谢谢！\u003C/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C/p\u003E",
+                release_at: "2025-10-20 14:52:33",
+                sectionid: [1],
+                sectionn: ["香港"],
+                tags: ["签证行前", "问题求助", "本科", "香港"],
+                views: 80,
+                comments: 1,
+                commentreviews: {
+                    content: "[图]",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFVSEKWOikN42jDKLNjtax7HL4xtfMOJSdU9oWFhY2E~/small",
+                },
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "肖荣豪",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslG0W1xWEKfc2UhyiGPAJp6yZRCAc4kzdJXNR8lQYWFjYQ~~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "MxNqlvWZBCeV9n8g2wzsQF4C_dKt-d3jbFQ0xRX01i6lnx7X92XCi1svl90rCJvvP1Q4BlAaVE0fnhQGkKrGK5G76Q7HNDRiYg~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "yfySrXjiquHf",
+                title: "证件翻译大家都怎么弄？",
+                type: "vote",
+                content: "2025年了，证件翻译大家都怎么弄？",
+                release_at: "2025-10-16 23:06:31",
+                sectionid: [],
+                sectionn: [],
+                tags: ["签证行前", "资料分享", "杂谈"],
+                views: 74,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 1,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    deadline: "2025-11-14 23:59:59",
+                    votes: 2,
+                    status: 1,
+                    option: [
+                        {
+                            value: "微信小程序",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5143,
+                            selected: 0,
+                        },
+                        {
+                            value: "淘宝",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5144,
+                            selected: 0,
+                        },
+                        {
+                            value: "小红书",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5145,
+                            selected: 0,
+                        },
+                        {
+                            value: "DIY",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5146,
+                            selected: 0,
+                        },
+                        {
+                            value: "大模型",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5147,
+                            selected: 0,
+                        },
+                        {
+                            value: "翻译公司",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5148,
+                            selected: 0,
+                        },
+                        {
+                            value: "中介",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5149,
+                            selected: 0,
+                        },
+                        {
+                            value: "其他",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5150,
+                            selected: 0,
+                        },
+                        {
+                            value: "不懂，围观学习",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1793,
+                            id: 5151,
+                            selected: 0,
+                        },
+                    ],
+                },
+                user: {
+                    nickname: "秒译",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X19RE6qOikN42jDKLNjtax7Hdog0eMzZSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "LD4asTs1APuZ3pelHeq1rTM-gj2pGn7WFf0zCpKLeFKsF4dtFUIlFw0joGlLiamWd4hYx-r3fUYupKbR7aj79Zji_m-MNjhiNg~~",
+            },
+            {
+                id: 276594,
+                uniqid: "4q9OX8e0a0ee",
+                subject: "近油麻地站三分鐘，走四層樓梯，獨立洗手間的套間，沒有廚房及共用區域，免佣，微信tamama228",
+                location: "2.15",
+                acreage: "100",
+                updatetime: 1761106917,
+                status: 1,
+                dingtime: 1761095021,
+                count_view: 4147,
+                count_fav: 110,
+                elevator: -1,
+                point: "114.175400,22.308056",
+                sunshinearea: 2,
+                rent: 5900,
+                verified: 0,
+                isintermediary: 0,
+                rentalduration: "0",
+                rentalperiod: "月",
+                avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslW1W1VREKfc2UhyiGPAJp6yZRCGcttjKcbNR8lQYWFjYQ~~/mini",
+                gptype: "整租",
+                type: "tenement",
+                intermediary: 5,
+                leaseterm: 2,
+                gender: 2,
+                property: "1",
+                imageurl: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c950sd3jqqsgFptxhXa6SWi2uePJ5Bg8VFrPIvsEG-4BUCm7F7lfn5E5jtX0K_tdQgQ_5bap6c_Ca1y5g6zEaaLmoNKSSNDQyOQ~~",
+                nickname: "葉拳",
+                position: 2,
+                isvideo: 1,
+                isnew: 0,
+                ispic: 1,
+                ishot: 0,
+                timestamp: 1742377346,
+                tenementtype: "2.1",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "OLPDqzWG1GDq",
+                title: "请教一下，想申请北欧硕士，CTH/Lund，阿尔托，哥哈或DTU，想问问帖主这个背景申请希望大吗？",
+                type: "question",
+                content: "\u003Cp\u003E双非均分80，有sci一作（Q2）一篇ACL一作，有国赛美赛奖项（省三/H奖）省级大创负责人、挑战杯国银，然后雅思7分（单科重考，考前6.5），最近在重修刷绩点，请问这个背景申lund的嵌入式或",
+                release_at: "2025-10-21 14:33:02",
+                sectionid: [2, 19],
+                sectionn: ["欧洲", "其它学科"],
+                tags: ["硕士", "问题求助", "低GPA", "其它学科", "瑞典", "丹麦", "选校定位", "计算机类", "欧洲", "双非"],
+                views: 40,
+                comments: 0,
+                commentreviews: {
+                    content: "另外GRE数学满分，verbal148总318，写作3.5",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFpWFamOikN42jDKLNjtax7HJ44zfcGKSdU9oWFhY2E~/small",
+                },
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "Xavier you",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslG2X19XFqfc2UhyiGPAJp6yZRDcdNxhdMzNR8lQYWFjYQ~~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "YSlGZv0_tdzTgzYQxDS7UzzXwJvUwkuXvRldxyEDc7cyI1MXb-CTwl1aV-02YFw2-qRtUsS4juiNwnUWCaRC2WFJK4JNMmI4MQ~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "X88WyLT5u4Gf",
+                title: "24Fall-慕尼黑工业大学 MSc AD无奖",
+                type: "offer",
+                content: "补一下过去申到的项目，最后因为个人原因没去，专业名字不完全匹配，但是是攻克下面的数据方向",
+                release_at: "2025-10-16 12:54:27",
+                sectionid: [2, 19],
+                sectionn: ["欧洲", "其它学科"],
+                tags: ["硕士", "德国", "慕尼黑工业大学", "工学类", "其它学科", "录取抉择", "海硕", "24Fall", "经验分享", "计算机类", "欧洲", "报Offer"],
+                views: 92,
+                comments: 1,
+                commentreviews: {
+                    content: "感谢补报offer",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle2XF9XFqWOikN42jDKLNjtax7HctpkLM3bSdU9oWFhY2E~/small",
+                },
+                likes: 1,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 5,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: {
+                    apply_results: 3,
+                    apply_results_text: "AD无奖",
+                    degree: "MSc",
+                    noticedate: "2023-10-31",
+                    professional: "理学硕士（工业数据分析）  Master of Science in Industrial Data Analytics",
+                    project: null,
+                    semester: "24Fall",
+                    majortype: "工程科学",
+                    schoolid: 507,
+                    schoolname: "慕尼黑工业大学",
+                    schoolenname: "Technische Universität München",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W-5okfH7qqsgFptxhXa6RWi26P-BuTQUXQbWQ5dkb8LQ0NDI5",
+                },
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "9jkp2XOwdwwzXEqluiOepMZGhUwnNOSkTwWrdn83C6y_oQcqMQRwgelBEQ66_sACiPlrIcNEy2gWVXWc1D9RLx1Z82meMWMxNw~~",
+            },
+            {
+                role: {
+                    allow: false,
+                    type: "offer",
+                },
+                uniqid: "5Kv0qjfKbvz5",
+                title: "曼大社会学感觉bar不是很高",
+                type: "offer",
+                content: "曼大审理也好快，9天下offer只con了语言。\n下面专心等Edinburgh了，26fall从开始到即将结束不到一个月～\n\n希望下次来报offer是爱丁堡！",
+                release_at: "2025-10-20 22:04:32",
+                sectionid: [5, 19],
+                sectionn: ["英国", "其它学科"],
+                tags: ["硕士", "其它学科", "录取抉择", "26Fall", "经验分享", "英国-英格兰", "曼彻斯特大学", "社会科学类", "英国", "报Offer"],
+                views: 91,
+                comments: 0,
+                commentreviews: {
+                    content: "btw 感觉曼大社会学的几个专业只要在学校list上面，均分高一点还蛮容易拿下的（也有可能只是我的感觉）",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X1xbFKqOikN42jDKLNjtax7HIdtiecGNSdU9oWFhY2E~/small",
+                },
+                likes: 1,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    apply_results: 6,
+                    apply_results_text: "Con Offer",
+                    degree: "MA",
+                    noticedate: "2025-10-20",
+                    professional: "MA Sociology",
+                    project: null,
+                    semester: "26Fall",
+                    majortype: "人文社科",
+                    schoolid: 367,
+                    schoolname: "曼彻斯特大学",
+                    schoolenname: "The University of Manchester",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_ZMucHbqqsgFptxhXa6RWi26P-BuTQEQQLrKstkb8LQ0NDI5",
+                },
+                user: {
+                    nickname: "Ellery.",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X1xbFKqOikN42jDKLNjtax7HIdtiecGNSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "WwZgT3zplL4ZgvDDg27FztkPd2fHAEzpUpjImxs0ZSctAXqqT8c7jMHifiEilxxlrEgWrGT-hrtJh4rwhlvWOC-59EFyYmY1ZQ~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "CuHDaKjiGqXm",
+                title: "均分73欧陆该拿什么保底啊",
+                type: "question",
+                content: "\u003Cp\u003E大一挂科绩点完蛋，两段实习，无gre，欧陆还有机会吗\u003C/p\u003E",
+                release_at: "2025-10-16 00:07:50",
+                sectionid: [2],
+                sectionn: ["欧洲"],
+                tags: ["问题求助", "本科", "低GPA", "海本", "选校定位", "欧洲"],
+                views: 212,
+                comments: 1,
+                commentreviews: {
+                    content: "73分，只能申比较一般的学校了，学校信息可能要慢慢研究，好好准备材料可以往上冲一冲75+。\n不考虑申个英联邦的，英国，澳洲这些么？申请信息还算透明一些，省事一些",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle9W1hUFqSOikN42jDKLNjtax7HdIhgepDWSdU9oWFhY2E~/small",
+                },
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "xzPd_zWW6tIOin-HLDZ5xsMu_2skglLQZk20qXse3oCjl_yzxb7VXCXXXOrgKr4X6Nqmv8E-s5A5Ffd70SVygNECBhT4YjU1OQ~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "S9G0iuPXa5e0",
+                title: "读房产评估专业选RMIT还是WSU？",
+                type: "vote",
+                content: "如题。两所学校均已下offer，但不知道该怎么选择。课程的话两所学校出来都可以成为valuer, 且工作不好找程度相当。主要纠结的点为：\n\n1.花费。RMIT学费比西悉尼贵，西悉尼还有6000刀奖学金",
+                release_at: "2025-10-14 09:20:16",
+                sectionid: [7, 19],
+                sectionn: ["澳洲", "其它学科"],
+                tags: ["硕士", "问题求助", "澳洲", "澳大利亚", "商学与管理学类", "其它学科", "录取抉择"],
+                views: 132,
+                comments: 2,
+                commentreviews: {
+                    content: "了解了，感谢回复☺️",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1XF9TE6uOikN42jDKLNjtax7HddoxfpeLSdU9oWFhY2E~/small",
+                },
+                likes: 1,
+                collections: 1,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: {
+                    deadline: "2025-11-12 23:59:59",
+                    votes: 7,
+                    status: 1,
+                    option: [
+                        {
+                            value: "皇家墨尔本理工（RMIT）",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1792,
+                            id: 5140,
+                            selected: 0,
+                        },
+                        {
+                            value: "西悉尼（WSU）",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1792,
+                            id: 5141,
+                            selected: 0,
+                        },
+                        {
+                            value: "不懂，围观学习",
+                            count: 0,
+                            percentage: 0,
+                            vid: 1792,
+                            id: 5142,
+                            selected: 0,
+                        },
+                    ],
+                },
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "-gYc0Ar30pAo7akcAUyKY8oQR53mwnyBIGdhZjPMMkNMpMw0BlENHocFjrIlBe28tuT4S7CGtL69yH7nCGHH7TN7BUWhNGM4YQ~~",
+            },
+            {
+                id: 292079,
+                uniqid: "KvvbW0CeePje",
+                subject: "佐敦文華小氣窗套房，近柯士甸及高鐵，獨立廚廁，超方便，歡迎微信tamama228了解!",
+                location: "2.2",
+                acreage: "80",
+                updatetime: 1761106924,
+                status: 1,
+                dingtime: 1761099519,
+                count_view: 675,
+                count_fav: 13,
+                elevator: 1,
+                point: "114.171951,22.304155",
+                sunshinearea: -1,
+                rent: 5000,
+                verified: 0,
+                isintermediary: 0,
+                rentalduration: "0",
+                rentalperiod: "月",
+                avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslW1W1VREKfc2UhyiGPAJp6yZRCGcttjKcbNR8lQYWFjYQ~~/mini",
+                gptype: "整租",
+                type: "tenement",
+                intermediary: 5,
+                leaseterm: 2,
+                gender: 3,
+                property: "2",
+                imageurl: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_p0kd3nqqsgFptxhXa6SWi2uePJ5Bg8VFrPIvsEG-4BUCm7F7lfn5E5jtX0K_tdQgQ_5bap6c_Ca1y5p6TdLOeCoNKSSNDQyOQ~~",
+                nickname: "葉拳",
+                position: 1,
+                isvideo: 1,
+                isnew: 0,
+                ispic: 1,
+                ishot: 0,
+                timestamp: 1729393074,
+                tenementtype: "2.1",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "uXuambHfCXm5",
+                title: "哈工cs研0想去港三新二读博如何规划？",
+                type: "question",
+                content: "本科bg：末9，rk3%，GPA4/5，有一年国奖。有一段tp2科研实习（方向cv，暂无产出），一段本校实习（方向ai4s，ccfc非一作在投）。\n目前哈工研0（10043）,专业cs。计划方向vla",
+                release_at: "2025-10-14 18:37:28",
+                sectionid: [1, 6],
+                sectionn: ["香港", "新加坡"],
+                tags: ["博士", "问题求助", "低GPA", "香港", "26Fall", "新加坡", "选校定位", "计算机类", "申请准备", "985/211"],
+                views: 215,
+                comments: 4,
+                commentreviews: {
+                    content: "我感觉有机会诶，个人硬实力背景是没啥大问题的，港校更看重论文而非实习，VLA方向据说是扩招了，论文要求那么严（港科大ICRA 2026 under review 可接受）。\n专注写论文最优先了吧",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle9W1hUFqSOikN42jDKLNjtax7HdIhgepDWSdU9oWFhY2E~/small",
+                },
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "雄关漫道终有时",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X19RFKmOikN42jDKLNjtax7HcdgxdZKMSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "qfb5r8LoUfAWBnNKFmELjpOxWHyVOQQYE2IBAgplLe6cJ5WBAt04OCV00l9s09w1dwDQI3QPe6gkCMVRNg0F4Ww-l-ojYjNlMg~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "bWSf4CODWyvr",
+                title: "",
+                type: "interviewexperience",
+                content: "皇家兽医学院与专业深度解析",
+                release_at: "2025-08-21 22:51:38",
+                sectionid: [19],
+                sectionn: ["其它学科"],
+                tags: ["其它学科", "农学类", "经验分享", "英国-英格兰", "面试经验", "申请准备", "2025", "英国皇家兽医学院"],
+                views: 115,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    profession: "",
+                    interviewtime: "2025-08-21",
+                    schoolid: 215,
+                    schoolname: "英国皇家兽医学院",
+                    schoolenname: "Royal Veterinary College",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_Z0kcn_qqsgFptxhXa6RWi26P-BuTQ0SHbbD4tkb8LQ0NDI5",
+                    city: "英国-英格兰",
+                    project: "皇家兽医",
+                },
+                user: {
+                    nickname: "HKHv记录",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2X11UFquOikN42jDKLNjtax7HdN4xe5LWSdU9oWFhY2E~/small",
+                    groupid: 0,
+                    groupimage: "",
+                    grouptitle: "",
+                },
+                images: [],
+                token: "en86azwTjR4YSyZgAyynGOErZRShukBB6Lh2H1w_LEcLuh2MWfRxeNHNxGXK5Wo-Cl_HtrYKD7hvu66t7-lvTWyhbqLDZGE5NQ~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "TDmWmXzHrbS1",
+                title: "26Fall-爱丁堡大学 MSc Offer",
+                type: "offer",
+                content: "回国留服认证应该是英语语言文学方向。Lic还是偏跨文化方向，和新传没有太大的关系，只有一节课和social media有关。但后续应该也是可以继续申博士的？",
+                release_at: "2025-10-22 12:16:40",
+                sectionid: [5, 19],
+                sectionn: ["英国", "其它学科"],
+                tags: ["英国-苏格兰", "硕士", "爱丁堡大学", "海本", "其它学科", "录取抉择", "语言学类", "26Fall", "经验分享", "社会科学类", "英国", "报Offer"],
+                views: 2,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    apply_results: 1,
+                    apply_results_text: "Offer",
+                    degree: "MSc",
+                    noticedate: "2025-10-21",
+                    professional: "Language and intercultural communication",
+                    project: null,
+                    semester: "26Fall",
+                    majortype: "人文社科",
+                    schoolid: 330,
+                    schoolname: "爱丁堡大学",
+                    schoolenname: "The University of Edinburgh",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_ZIkdHjqqsgFptxhXa6RWi26P-BuTVNHQLbD4tkb8LQ0NDI5",
+                },
+                user: {
+                    nickname: "entongchen",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WVxUE6mOikN42jDKLNjtax7HcoljdZXdSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "aQjM2lmUENoRFCxGCt4ZM0RH5Ewi_UynoDIZ8tM_QGWbNYGo3gjjM324YVGiG-I0c2HKLcNH3jIW87CogMR0y4K2jY51OWZiOA~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "4earfqLnz8K5",
+                title: "25fall港科广红鸟mphil面经",
+                type: "interviewexperience",
+                content: "上午群面 5人一组 用乐高积木 根据两个关键词搭建一个未来城市。\n每年的群面任务要求不同。\n要积极互动社交，主动提出idea，善于倾听，做事不要被动。\n群面分数达到斩杀线即可，据说这里淘汰的不多，主要",
+                release_at: "2025-08-02 09:17:18",
+                sectionid: [1, 19],
+                sectionn: ["香港", "其它学科"],
+                tags: ["教育学类", "海本", "香港", "其它学科", "中国", "香港科技大学（广州）", "经验分享", "跨专业", "面试经验", "计算机类", "申请准备", "2025"],
+                views: 1185,
+                comments: 1,
+                commentreviews: {
+                    content: "大赞，感谢分享",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle2XF9XFqWOikN42jDKLNjtax7HctpkLM3bSdU9oWFhY2E~/small",
+                },
+                likes: 2,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 2,
+                best: 1,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    profession: "",
+                    interviewtime: "2025-06-10",
+                    schoolid: 2905,
+                    schoolname: "香港科技大学（广州）",
+                    schoolenname: "The Hong Kong University of Science and Technology (Guangzhou)",
+                    schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-S_ZsvdXrqqsgFptxhXa6RWi26P-BuTVdAEuXC4dkb8LQ0NDI5",
+                    city: "中国",
+                    project: "红鸟MPhil",
+                },
+                user: {
+                    nickname: "Gter4234578",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFlXE6SOikN42jDKLNjtax7HI9owL5XdSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "5iGMpld9yYVaLCfIBPx6EJ8Nx3W2v-oh1MB8t_f8NuGmDhqxRxRuIFnWc2lQQTjvNfib78n0NCl-PeUl2sXiKKx7o2IxY2M~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "TfWG1yD4qSjq",
+                title: "中末九rank9/225有望中瑞士双e的彩票吗?",
+                type: "question",
+                content: "\u003Cp\u003Ebg：中末九软工，均分91+，雅思7.5，GRE328+3，科研约等于无，实习无，有三个竞赛省级奖（没啥含金量）\u003C/p\u003E\u003Cp\u003E有无一丢丢中双e的彩票?\u003C/p\u003E",
+                release_at: "2025-10-14 13:00:10",
+                sectionid: [2, 19],
+                sectionn: ["欧洲", "其它学科"],
+                tags: ["问题求助", "其它学科", "瑞士", "选校定位", "计算机类", "欧洲", "985/211"],
+                views: 153,
+                comments: 0,
+                commentreviews: [],
+                likes: 0,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 0,
+                best: 0,
+                recommend: 0,
+                sticky: 0,
+                anonymous: 1,
+                ismyself: 0,
+                data: [],
+                user: {
+                    nickname: "匿名用户",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslS_AldTH_WP00I0w3XSedSlfgrdNcFlEGFhY2E~/small",
+                },
+                images: [],
+                token: "C2tKN7ri5twckjZhPG9r_K6lWRhlih5QphIpWjmG7YZ7xIE07RGFYgZ11F1N-pRkXVXhhw85ysxHVIAkj0N-sA5UFQzvZmEwNQ~~",
+            },
+            {
+                role: {
+                    allow: true,
+                },
+                uniqid: "OrvmrvG1Wjam",
+                title: "EE双非25Fall低GPA的多国跨专业DIY申请总结",
+                type: "offer_summary",
+                content: "7月了申请季终于是正式结束了，在此总结一下我的多国多专业申请。\n首先说一下本人基本情况，新双非自动化专业，2025软科300+新上榜，大部分学校申请用的均分是79.81排名13/47，只有南洋理工用的",
+                release_at: "2025-07-04 22:34:28",
+                sectionid: [1, 3, 5],
+                sectionn: ["香港", "加拿大", "英国"],
+                tags: ["录取抉择", "跨专业", "英国", "低GPA", "经验分享", "申请准备", "25Fall", "香港", "硕士", "新西兰", "加拿大", "双非", "低预算", "申请材料", "文书", "推荐信", "背景提升", "面试经验"],
+                views: 6081,
+                comments: 0,
+                commentreviews: {
+                    content: "真诚用心的分享！这份总结对学弟学妹们超级有帮助，100个币感谢！",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXsle9W1hUFqSOikN42jDKLNjtax7HdIhgepDWSdU9oWFhY2E~/small",
+                },
+                likes: 1,
+                collections: 0,
+                is_like: 0,
+                is_collect: 0,
+                coins: 169,
+                best: 1,
+                recommend: 1,
+                sticky: 0,
+                anonymous: 0,
+                ismyself: 0,
+                data: {
+                    offercount: 16,
+                    offerlist: [
+                        {
+                            apply_results: 6,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "Robotics and Automation Engineering",
+                            semester: "25",
+                            schoolname: "奥克兰大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W-5srd3vqqsgFptxhXa6RWi26P-BuTQAQR7XCtNkb8LQ0NDI5",
+                        },
+                        {
+                            apply_results: 4,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "Electrical and Computer Engineering",
+                            semester: "25",
+                            schoolname: "卡尔加里大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_Z0sfH7qqsgFptxhXa6RWi26P-BuTQARHbGV5tkb8LQ0NDI5",
+                        },
+                        {
+                            apply_results: 4,
+                            apply_results_text: "",
+                            degree: "",
+                            project: null,
+                            professional: "Electrical and Computer Engineering",
+                            semester: "25",
+                            schoolname: "温莎大学",
+                            schoollogo: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-W_Z0udXnqqsgFptxhXa6RWi26P-BuTQMQQrTK5dkb8LQ0NDI5",
+                        },
+                    ],
+                },
+                user: {
+                    nickname: "ADOVE_MUSIC",
+                    avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2W1tTHKmOikN42jDKLNjtax7HJIw3f8OJSdU9oWFhY2E~/small",
+                    groupid: 3,
+                    groupimage: "",
+                    grouptitle: "新手",
+                },
+                images: [],
+                token: "aCp7wXQD3FFVAwYURrgxCgi-vePOQd6mrOVdfpcEFd-LVVbe_FcQYllyVnt8amFERI28TWcyg_yeJO8XZQiefllXV4t_N2Y2Yg~~",
+            },
+        ]);
+
+        return { signInAlreadyState, list };
+    },
+});
+appSectionIndex.component("itemForum", itemForum);
+appSectionIndex.component("itemOffer", itemOffer);
+appSectionIndex.component("itemSummary", itemSummary);
+appSectionIndex.component("itemVote", itemVote);
+appSectionIndex.component("itemMj", itemMj);
+appSectionIndex.component("itemTenement", itemTenement);
+
+appSectionIndex.mount("#homepage-me");
diff --git a/js/public.js b/js/public.js
new file mode 100644
index 0000000..bf0e524
--- /dev/null
+++ b/js/public.js
@@ -0,0 +1,150 @@
+const forumBaseURL = "https://api.gter.net";
+axios.defaults.withCredentials = true;
+
+// 导出ajax函数
+const ajax = (url) => {
+    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    url = url.indexOf("https://") > -1 ? url : forumBaseURL + url;
+    return new Promise(function (resolve, reject) {
+        axios
+            .post(url, data, {
+                emulateJSON: true,
+                withCredentials: true,
+            })
+            .then(function (res) {
+                var data = typeof res.data == "string" ? JSON.parse(res.data) : res.data;
+
+                if (data.code == 401) {
+                    // 需要登录
+                    showWindow("login", "https://passport.gter.net/login/ajax", "get", -1, {
+                        cover: true,
+                    });
+                    reject();
+                }
+                resolve(data);
+            })
+            .catch((err) => {
+                if (err.response.status == 401)
+                    showWindow("login", "https://passport.gter.net/login/ajax", "get", -1, {
+                        cover: true,
+                    });
+            });
+    });
+};
+
+// 导出ajaxget函数
+const ajaxget = (url) => {
+    url = url.indexOf("https://") > -1 ? url : forumBaseURL + url;
+    return new Promise(function (resolve, reject) {
+        axios
+            .get(
+                url,
+                {},
+                {
+                    emulateJSON: true,
+                    withCredentials: true,
+                }
+            )
+            .then(function (res) {
+                var data = typeof res.data == "string" ? JSON.parse(res.data) : res.data;
+                if (data.code == 401) {
+                    // 需要登录
+                    showWindow("login", "https://passport.gter.net/login/ajax", "get", -1, {
+                        cover: true,
+                    });
+                    reject();
+                }
+                resolve(data);
+            })
+            .catch((error) => {
+                reject(error);
+            });
+    });
+};
+
+const strtimeago = (dateStr, type = 1) => {
+    dateStr = dateStr + ""; // 反之传入的不是字符串
+    dateStr = dateStr.replaceAll("-", "/"); // 修改格式
+    var minute = 1000 * 60; // 把分，时，天，周，半个月，一个月用毫秒表示
+    var hour = minute * 60;
+    var day = hour * 24;
+    var now = new Date().getTime(); // 获取当前时间毫秒
+    let objectTime = new Date(dateStr).getTime();
+    var diffValue = now - objectTime; // 时间差
+    if (diffValue < 0) return "刚刚";
+
+    var minC = diffValue / minute; // 计算时间差的分，时，天，周，月
+    var hourC = diffValue / hour;
+    var dayC = diffValue / day;
+
+    const diffInMilliseconds = now - objectTime;
+    const diffInYears = diffInMilliseconds / (1000 * 60 * 60 * 24 * 365);
+    const diffInMonths = diffInYears * 12;
+
+    let result = "";
+    if (dayC >= 7) {
+        var datetime = new Date(dateStr);
+        var Nyear = datetime.getFullYear();
+        var Nmonth = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
+        var Ndate = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
+        var Nhour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
+        var Nmin = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
+        if (type == 4) {
+            if (new Date().getFullYear() !== Nyear) result = `${Nyear}年${Nmonth}月${Ndate}日`;
+            else result = `${Nmonth}月${Ndate}日 ${Nhour}:${Nmin}`;
+        }
+        if (type == 1) result = Nyear + "-" + Nmonth + "-" + Ndate;
+        if (type == 2) {
+            result = `${Nmonth}月${Ndate}日 ${Nhour}:${Nmin}`;
+            if (new Date().getFullYear() !== Nyear) result = `${Nyear}年${result}`;
+        }
+        if (type == 3) {
+            if (diffInYears >= 1) result = Math.floor(diffInYears) + "年前";
+            else if (diffInMonths >= 1) result = Math.floor(diffInMonths) + "个月前";
+            else result = parseInt(dayC) + "天前";
+        }
+    } else if (dayC >= 1) result = parseInt(dayC) + "天前";
+    else if (hourC >= 1 && hourC <= 24) result = parseInt(hourC) + "小时前";
+    else if (minC >= 1 && minC <= 60) result = parseInt(minC) + "分钟前";
+    else result = "刚刚";
+
+    return result;
+};
+
+const timeago = (dateTimeStamp, type = 1) => {
+    if (!dateTimeStamp) return "刚刚";
+
+    // 判断位数
+    if (dateTimeStamp.toString().length !== 13) dateTimeStamp = dateTimeStamp * 1000;
+    var minute = 1000 * 60; //把分，时，天，周，半个月，一个月用毫秒表示
+    var hour = minute * 60;
+    var day = hour * 24;
+    var now = new Date().getTime(); //获取当前时间毫秒
+    var diffValue = now - dateTimeStamp; //时间差
+    if (diffValue < 0) return "刚刚";
+
+    var minC = diffValue / minute; //计算时间差的分，时，天，周，月
+    var hourC = diffValue / hour;
+    var dayC = diffValue / day;
+
+    let result = "";
+    if (dayC >= 7) {
+        var datetime = new Date(dateTimeStamp);
+        var Nyear = datetime.getFullYear();
+        var Nmonth = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
+        var Ndate = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
+        var Nhour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
+        var Nmin = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
+
+        if (type == 1) result = Nyear + "-" + Nmonth + "-" + Ndate;
+        if (type == 2) {
+            result = `${Nmonth}月${Ndate}日 ${Nhour}:${Nmin}`;
+            if (new Date().getFullYear() !== Nyear) result = `${Nyear}年${result}`;
+        }
+    } else if (dayC >= 1) result = parseInt(dayC) + "天前";
+    else if (hourC >= 1 && hourC <= 24) result = parseInt(hourC) + "小时前";
+    else if (minC >= 1 && minC <= 60) result = parseInt(minC) + "分钟前";
+    else result = "刚刚";
+
+    return result;
+};
diff --git a/js/section-index.js b/js/section-index.js
new file mode 100644
index 0000000..0572cb6
--- /dev/null
+++ b/js/section-index.js
@@ -0,0 +1,119 @@
+const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch } = Vue;
+import { itemForum } from "../component/item-forum/item-forum.js";
+
+const appSectionIndex = createApp({
+    setup() {
+        let signInAlreadyState = ref(false);
+        onMounted(() => {
+            getSectionList();
+
+            init();
+            handpick();
+            getTags();
+            getList();
+        });
+
+        let sectionList = ref([]);
+        let section = ref("Lz9aimSLXeim");
+
+        const getSectionList = () => {
+            ajaxget("/v2/api/forum/getSectionList").then((res) => {
+                if (res.code != 200) return;
+                const data = res.data || [];
+
+                let obj = {};
+
+                data.forEach((element) => (obj[element.cid] = element));
+
+                sectionList.value = insertLineBetweenCategories(data, "cid");
+            });
+        };
+
+        // 将版块按 cid 分格开
+        const insertLineBetweenCategories = (arr) => {
+            if (!arr.length) return [];
+
+            const sortedArr = [...arr].sort((a, b) => {
+                if (a["cid"] < b["cid"]) return -1;
+                if (a["cid"] > b["cid"]) return 1;
+                return 0;
+            });
+
+            const result = [sortedArr[0]];
+            let prevCategory = sortedArr[0]["cid"];
+
+            for (let i = 1; i < sortedArr.length; i++) {
+                const current = sortedArr[i];
+                const currentCategory = current["cid"];
+
+                if (currentCategory !== prevCategory) {
+                    result.push({
+                        key: "line",
+                    });
+                    prevCategory = currentCategory;
+                }
+                result.push(current);
+            }
+
+            return result;
+        };
+
+        let info = ref({});
+
+        const init = () => {
+            ajaxget(`/v2/api/forum/getSectionDetails?sectionid=${section.value}`).then((res) => {
+                if (res.code != 200) return;
+                const data = res.data || {};
+                info.value = data;
+            });
+        };
+
+        let handpickList = ref([]);
+        const handpick = () => {
+            ajaxget(`/v2/api/forum/topicHandpicked?sectionid=${section.value}`).then((res) => {
+                let data = res.data || [];
+                handpickList.value = data;
+            });
+        };
+
+        let tagsList = ref([]);
+        const getTags = () => {
+            ajaxget(`/v2/api/forum/sectionTags?sectionid=${section.value}`).then((res) => {
+                if (res.code != 200) return;
+                const data = res.data || {};
+                tagsList.value = data;
+            });
+        };
+
+        let loading = false;
+        let page = ref(1);
+        let count = ref(0);
+        let list = ref([]);
+        const getList = () => {
+            if (loading || page.value == 0) return;
+            loading = true;
+            ajaxget(`/v2/api/forum/topicLists?type=thread&page=${page.value || 1}&sectionid=${section.value}`)
+                .then((res) => {
+                    if (res.code != 200) return;
+                    let data = res.data;
+                    list.value = list.value.concat(data.data);
+                    page.value = data.count > data.limit * data.page ? page.value + 1 : 0;
+                    count.value = data.count;
+                    loading = false;
+                    console.log(list.value[0]);
+                    
+                })
+                .catch((err) => {
+                    console.log("err", err);
+
+                    err = err.data;
+                    if (err.code == 401) openLoginBtnState();
+                    loading = false;
+                });
+        };
+
+        return { signInAlreadyState, sectionList, section, info, handpickList, tagsList, list };
+    },
+});
+appSectionIndex.component("item-forum", itemForum);
+appSectionIndex.mount("#sectionIndex");
diff --git a/js/sectionIndex.js b/js/sectionIndex.js
deleted file mode 100644
index 26b4e08..0000000
--- a/js/sectionIndex.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch } = Vue;
-import { itemForum } from "../component/item-forum/item-forum.js";
-
-const appSectionIndex = createApp({
-    setup() {
-        let signInAlreadyState = ref(false);
-
-        return { signInAlreadyState };
-    },
-});
-appSectionIndex.component("item-forum", itemForum);
-appSectionIndex.mount("#sectionIndex");
diff --git a/section-index.html b/section-index.html
index 5e66fac..65a3cfa 100644
--- a/section-index.html
+++ b/section-index.html
@@ -4,14 +4,19 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>版块首页</title>
     <link rel="stylesheet" href="./css/public.css" />
-    <link rel="stylesheet" href="./css/sectionIndex.css" />
+    <link rel="stylesheet" href="./css/section-index.css" />
     <script src="./js/vue.global.js"></script>
+    <style scoped>
+        [v-cloak] {
+            display: none;
+        }
+    </style>
 </head>
 
 <body>
-    <div class="container" id="sectionIndex">
+    <div class="container" id="sectionIndex" v-cloak>
         <div class="head-top flexacenter">
             <img class="logo" src="https://oss.gter.net/logo" alt="" />
             <div class="flex1"></div>
@@ -20,21 +25,17 @@
                 <img class="icon" />
             </div>
 
-            <div class="sign-in sign-in-already flexcenter" v-if="signInAlreadyState" v-cloak
-                onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')">
+            <div class="sign-in sign-in-already flexcenter" v-if="signInAlreadyState" v-cloak onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')">
                 <img class="sign-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-icon.png" />
                 <span>已签到，明天再来</span>
             </div>
-            <div class="sign-in sign-in-no flexacenter" v-else
-                onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')"
-                v-cloak>
+            <div class="sign-in sign-in-no flexacenter" v-else onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')" v-cloak>
                 <img class="sign-in-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-in-bj.svg" />
                 <img class="coin-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-bj.svg" />
                 <img class="coin-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-icon.png" />
                 <span class="text flex1">签到领寄托币</span>
                 <div class="sign-go flexcenter">
-                    <img class="sign-go-bj"
-                        src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-go.svg" />
+                    <img class="sign-go-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-go.svg" />
                     GO
                 </div>
                 <img class="petal1" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal1.png" />
@@ -54,32 +55,19 @@
             <div class="sidebar">
                 <div class="title">论坛版块</div>
                 <div class="list">
-                    <div v-for="item in 8" :key="item" class="item flexacenter" :class="{'pitch' : item == 1}">
-                        <span class="text">香港</span>
-                    </div>
-                </div>
-                <div class="list">
-                    <div v-for="item in 5" :key="item" class="item flexacenter" :class="{'pitch' : item == 1}">
-                        <span class="text">香港</span>
-                    </div>
-                </div>
-                <div class="list">
-                    <div v-for="item in 5" :key="item" class="item flexacenter" :class="{'pitch' : item == 1}">
-                        <span class="text">香港</span>
-                    </div>
-                </div>
-                <div class="list">
-                    <div v-for="item in 3" :key="item" class="item flexacenter" :class="{'pitch' : item == 1}">
-                        <span class="text">香港</span>
-                    </div>
+                    <template v-for="(item, index) in sectionList" :key="index">
+                        <div v-if="item.key == 'line'" class="line"></div>
+                        <div v-else class="item flexacenter" :class="{'pitch' : item.uniqid == section}">
+                            <span class="text">{{ item.name }}</span>
+                        </div>
+                    </template>
                 </div>
             </div>
             <div class="matter-content flex1">
                 <div class="info flexflex">
-                    <img class="img"
-                        src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG_Y2l-U_pood3-H1NFX9ddrB_WbUGy8P79gQxdBFebGtpgV7NkzNDQyOQ~~" />
+                    <img v-if="info.icon" class="img" :src="info.icon" />
                     <div class="right flex1">
-                        <div class="title">香港留学</div>
+                        <div class="title">{{ info.name }}</div>
                         <div class="link flexacenter">
                             <div class="item flexacenter" v-for="item in 4" :key="item">
                                 <div class="text">申港超强资料包</div>
@@ -107,9 +95,9 @@
                                 <div class="text">精选</div>
                             </div>
                             <div class="list flexflex">
-                                <div class="item flexacenter" v-for="(item, index) in 16" :key="index">
+                                <div class="item flexacenter" v-for="(item, index) in handpickList" :key="index">
                                     <div class="dot"></div>
-                                    <div class="text one-line-display">美国各院校申请时间汇总（一）美国各院校申请时间汇总（一）美国各院校申请时间汇总（一）</div>
+                                    <div class="text one-line-display">{{ item.title }}</div>
                                 </div>
                             </div>
                         </div>
@@ -119,84 +107,12 @@
                                 <img class="icon" src="./img/triangle-red.svg" />
                             </div>
                             <div class="list">
-                                <div class="item flexacenter" v-for="(item, index) in 10" :key="index">热门标签</div>
+                                <div class="item flexacenter" v-for="(item, index) in tagsList" :key="index">{{ item.tagname }}</div>
                             </div>
                         </div>
 
                         <div class="list-box">
-                            <div class="item-box item-forum" v-for="(item, index) in 10" :key="index">
-                                <div class="item-head flexacenter">
-                                    <img class="avatar"
-                                        src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
-                                    <div class="name">小P学姐</div>
-                                    <img class="group"
-                                        src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" />
-                                    <div class="time">2025-8-11 01:30</div>
-                                    <div class="flex1"></div>
-
-                                    <div class="view flexacenter">
-                                        <img class="icon" src="https://app.gter.net/image/miniApp/offer/eye-icon.svg" />
-                                        <div class="text">3016</div>
-                                    </div>
-
-                                    <div class="btn flexcenter" @click="cutShow">
-                                        <img class="icon"
-                                            src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />
-                                    </div>
-
-                                    <!-- <template v-if="show">
-                        <div class="mask" catch:tap="cutShow" catch:touchmove="touchmove"></div>
-                        <div class="operate" catch:tap="true">
-                            <div class="item" bind:tap="report">举报</div>
-                            <template v-if="ismanager">
-                                <div class="item" bind:tap="hide">{{ item.hidden == 0 ? '隐藏' : '显示' }}</div>
-                                <div class="item" bind:tap="recommend">{{ item.recommend == 1 ? '取消' : '' }}推荐</div>
-                                <div class="item" bind:tap="essence">{{ item.best == 1 ? '取消' : '' }}精华</div>
-                            </template>
-                        </div>
-                    </template> -->
-                                </div>
-
-                                <div class="label flexflex">
-                                    <img class="item icon" src="./img/recommend-icon.png" />
-                                    <img class="item icon" src="./img/essence-icon.png" />
-                                    <div class="item blue">香港</div>
-                                    <div class="item">香港</div>
-                                </div>
-
-                                <div class="title">【干货】香港留学费用准备</div>
-
-                                <div class="message">
-                                    在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…
-                                </div>
-
-                                <div class="comment flexacenter">
-                                    <img class="icon"
-                                        src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
-                                    <div class="text one-line-display">
-                                        在即将赴港的时候，很多同学好奇香港一年制硕士下来的整体费用大概是多少，其实主要包括学费，租房费和生活费三部分。学费的话根据不同香港来定，大概在10-30万港币之间，比较固定…
-                                    </div>
-                                </div>
-
-                                <div class="bottom flexacenter">
-                                    <div class="bottom-item like flexacenter">
-                                        <img class="icon" src="./img/like-icon.png" />
-                                        <div class="text">3016</div>
-                                    </div>
-                                    <div class="bottom-item like flexacenter">
-                                        <img class="icon" src="./img/collect-golden.svg" />
-                                        <div class="text">3016</div>
-                                    </div>
-                                    <div class="bottom-item like flexacenter">
-                                        <img class="icon" src="./img/discuss-icon.png" />
-                                        <div class="text">3016</div>
-                                    </div>
-                                    <div class="bottom-item like flexacenter">
-                                        <img class="icon" src="./img/share-gray.png" />
-                                        <div class="text">3016</div>
-                                    </div>
-                                </div>
-                            </div>
+                            <item-forum v-for="(item, index) in list" :key="index" :itemdata="item"></item-forum>
                         </div>
 
                     </div>
@@ -205,7 +121,9 @@
             </div>
         </div>
     </div>
-    <script type="module" src="./js/sectionIndex.js"></script>
+    <script src="./js/axios.min.js"></script>
+    <script src="./js/public.js"></script>
+    <script type="module" src="./js/section-index.js"></script>
 </body>
 
 </html>
\ No newline at end of file