feat: 样式的调整

src/pages/ChatMain/ChatLongAnswer/index.vue

@@ -7,7 +7,7 @@
 
     <!-- ✅ 滚动区域 -->
     <scroll-view class="flex-full overflow-hidden chat-scroll" scroll-y :scroll-into-view="scrollIntoViewId" scroll-with-animation @scroll="onScroll" @touchstart="onTouchStart" @touchend="onTouchEnd" @touchcancel="onTouchEnd">
-      <view class="flex flex-col pt-12 px-12 pb-24 border-box gap-10">
+      <view class="flex flex-col pt-12 px-16 pb-24 border-box gap-10">
         <view v-if="headerSections.title || headerSections.tag" class="long-answer-header">
           <view v-if="headerSections.title" class="long-answer-title">
             {{ headerSections.title.contentValue }}
@@ -272,30 +272,5 @@ onUnload(() => {
 </script>
 
 <style scoped lang="scss">
-.long-answer-header {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 10px;
-  margin-bottom: 6px;
-}
-.long-answer-tag {
-  display: inline-flex;
-  flex-shrink: 0;
-  width: fit-content;
-  padding: 3px 8px;
-  border-radius: 12px;
-  border: 1px solid transparent;
-  font-size: 12px;
-  line-height: 18px;
-}
-.long-answer-title {
-  flex: 1;
-  min-width: 0;
-  color: #111827;
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 28px;
-}
+@import "./styles/index.scss";
 </style>