fix(DetailsArea): 修复举报功能并更新相关样式

修复举报功能，区分评论和主题举报类型。更新讨论图标和投币文本样式。移除不必要的背景色和注释代码。

refactor(api): 重构举报相关API接口
将评论举报和主题举报分离为独立接口，提高代码可维护性。

style: 清理多余空格和注释
统一代码格式，删除无用注释和空白行。

components/DetailsArea.vue

@@ -25,20 +25,20 @@
                     <img class="icon" v-else src="@/assets/img/collect-icon.png" />
                     <div>{{ topicInfo["collections"] || "收藏" }}</div>
                 </div>
+
                 <div class="item flexacenter" style="cursor: auto">
-                    <img class="icon" src="@/assets/img/discuss-icon.png" />
+                    <img class="icon" src="@/assets/img/discuss-black-icon.png" />
                     <div>{{ commentComments || "讨论" }}</div>
                 </div>
+
                 <div class="item flexacenter" @click="openBi()">
                     <img class="icon" src="@/assets/img/bi-black-icon.png" />
-                    <div>{{ topicInfo.coins || "投币" }}</div>
+                    <div class="coinText" id="coinText">{{ topicInfo.coins || "投币" }}</div>
                 </div>
                 <ClientOnly>
                     <el-popover placement="bottom" width="628px" trigger="click" popper-style="padding: 0;border-radius: 10px;" v-model:visible="transmitBoxState">
                         <template #reference>
-                            <div class="item flexacenter" @click="handleShare">
-                                <img class="icon" src="@/assets/img/transmit-icon.png" />转发
-                            </div>
+                            <div class="item flexacenter" @click="handleShare"><img class="icon" src="@/assets/img/transmit-icon.png" />转发</div>
                         </template>
 
                         <div class="transmit-box flexflex">
@@ -49,9 +49,7 @@
                                     <div class="transmit-headline">{{ info["title"] }}</div>
                                     <div class="transmit-url">{{ getFullUrl() }}</div>
                                 </div>
-                                <div class="transmit-web-btn flexcenter" @click="copyText(`${info['title']} + ${getFullUrl()}`)">
-                                    复制链接
-                                </div>
+                                <div class="transmit-web-btn flexcenter" @click="copyText(`${info['title']} + ${getFullUrl()}`)">复制链接</div>
                             </div>
                             <div class="transmit-right transmit-mini">
                                 <div class="transmit-title">转发小程序版</div>
@@ -96,7 +94,6 @@ import { ElMessage } from "element-plus";
 let props = defineProps({
     ripostecount: Object,
     commentComments: Number,
-
 });
 
 let topicInfo = inject("topicInfo");
@@ -233,7 +230,7 @@ const emit = defineEmits(["closeDiscussInputFields"]);
 // // 点击底部调用关闭讨论输入框
 const closeDiscussInputFields = () => emit("closeDiscussInputFields");
 
-onMounted(() => { });
+onMounted(() => {});
 
 watch(isLoaded, (newValue, oldValue) => {
     if (newValue === true) {
@@ -276,7 +273,7 @@ const openBi = () => {
     }
 
     BiComponent.initComponent();
-}
+};
 </script>
 
 <style scoped lang="less">