feat: 框架样式调整

src/assets/LOGO.svg

@@ -1,3 +0,0 @@
-<svg width="148" height="32" viewBox="0 0 148 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.082 15.38L13.342 13.17H28.188L28.396 11.428H14.694L15.006 9.244H28.682L28.916 7.528H14.278L14.538 5.292H29.28C30.06 5.292 30.6407 5.49133 31.022 5.89C31.4033 6.27133 31.5507 6.83467 31.464 7.58L30.502 15.38H13.082ZM30.71 27.262C28.6647 26.3433 27.0007 25.4333 25.718 24.532C24.2273 23.492 22.91 22.2787 21.766 20.892C20.778 22.3653 19.3913 23.6307 17.606 24.688C16.15 25.5547 14.304 26.4127 12.068 27.262L10.274 25.442C11.9727 24.7487 13.316 24.1767 14.304 23.726C15.292 23.258 16.202 22.738 17.034 22.166C18.0047 21.5073 18.802 20.7707 19.426 19.956C20.0673 19.124 20.5093 18.1707 20.752 17.096L20.934 15.978H23.56L23.326 17.148C23.1873 17.7373 23.04 18.2313 22.884 18.63C24.1147 20.242 25.4927 21.542 27.018 22.53C27.7633 23.0153 28.5867 23.466 29.488 23.882C30.4067 24.2807 31.49 24.7053 32.738 25.156L30.71 27.262ZM28.942 16.732H31.49L28.63 20.944H25.978L28.942 16.732ZM17.684 20.944H15.11L12.77 16.914H15.24L17.684 20.944ZM40.98 15.926C39.9747 17.8327 38.9347 19.4793 37.86 20.866L35.884 19.722C37.8253 17.2607 39.5847 14.3833 41.162 11.09H37.808L38.068 8.802H41.864L42.41 4.46H44.828L44.282 8.802H47.09L46.856 11.09H43.996L43.918 11.688C44.802 13.1267 45.738 14.912 46.726 17.044L44.828 18.214C44.412 17.174 43.97 16.1427 43.502 15.12L42.046 26.82H39.628L40.98 15.926ZM55.046 7.996H50.99L49.976 16.342C49.404 21.1433 48.1647 24.714 46.258 27.054L43.866 26.144C44.8887 24.8267 45.686 23.3793 46.258 21.802C46.83 20.2073 47.246 18.37 47.506 16.29L48.546 7.554C48.6327 6.89533 48.8147 6.41867 49.092 6.124C49.3867 5.812 49.8373 5.656 50.444 5.656H55.774C56.3633 5.656 56.814 5.80333 57.126 6.098C57.438 6.39267 57.594 6.81733 57.594 7.372C57.594 7.56267 57.5853 7.71 57.568 7.814L55.748 23.622C55.7307 23.674 55.722 23.752 55.722 23.856C55.722 24.012 55.7653 24.116 55.852 24.168C55.9387 24.22 56.086 24.246 56.294 24.246C57.1953 24.246 58.114 23.9947 59.05 23.492L58.764 26.118C58.0533 26.4647 57.1607 26.638 56.086 26.638H55.124C53.824 26.638 53.174 26.0053 53.174 24.74C53.174 24.532 53.1827 24.3673 53.2 24.246L55.046 7.996ZM73.922 6.41C74.8927 6.41 75.456 6.878 75.612 7.814L78.576 25.936H75.326L74.468 20.294H66.07L63.808 25.936H60.454L67.942 7.606C68.2713 6.80867 68.878 6.41 69.762 6.41H73.922ZM70.516 9.27L67.214 17.434H74.026L72.778 9.27H70.516ZM83.2706 6.41H86.3386L83.9466 25.936H80.8786L83.2706 6.41ZM103.385 4.486H105.855L105.621 5.994H111.133L110.821 8.23H105.309L105.153 9.426H102.735L102.891 8.23H97.7169L97.5609 9.426H95.1169L95.2729 8.23H89.7869L90.0989 5.994H95.5589L95.7669 4.486H98.2369L98.0289 5.994H103.177L103.385 4.486ZM107.961 9.92C108.793 9.92 109.382 10.0587 109.729 10.336C110.093 10.6133 110.275 11.038 110.275 11.61C110.275 11.818 110.266 11.9827 110.249 12.104L109.989 14.626H107.493L107.805 11.974H92.5689L92.2569 14.626H89.7089L90.0209 12.052C90.1249 11.3067 90.3589 10.7693 90.7229 10.44C91.0869 10.0933 91.6589 9.92 92.4389 9.92H107.961ZM106.479 18.942H92.6209L93.0369 15.068C93.1235 14.3573 93.3229 13.8807 93.6349 13.638C93.9642 13.3953 94.5275 13.274 95.3249 13.274H104.919C105.664 13.274 106.202 13.456 106.531 13.82C106.878 14.1667 107.016 14.6173 106.947 15.172L106.479 18.942ZM95.3769 16.966H104.295L104.529 15.25H95.5329L95.3769 16.966ZM107.519 26.664H90.3849L90.9309 22.27C91.1215 20.8313 91.9882 20.112 93.5309 20.112H105.959C107.519 20.112 108.221 20.8227 108.065 22.244L107.519 26.664ZM93.2709 24.506H105.205L105.491 22.244H93.5569L93.2709 24.506ZM132.583 4.564L131.829 10.7H134.481C135.989 10.7 136.674 11.4453 136.535 12.936L135.157 25.13C135.07 25.6673 134.854 26.0833 134.507 26.378C134.178 26.6727 133.762 26.82 133.259 26.82C132.167 26.82 130.884 26.6727 129.411 26.378L129.645 24.168C130.616 24.376 131.56 24.4973 132.479 24.532H132.609C132.73 24.532 132.808 24.506 132.843 24.454C132.878 24.402 132.904 24.2893 132.921 24.116L133.207 21.62H125.927L125.329 26.716H123.015L124.627 12.806C124.696 12.1473 124.922 11.636 125.303 11.272C125.702 10.8907 126.239 10.7 126.915 10.7H129.437L130.165 4.564H132.583ZM124.211 6.826L123.769 9.088H117.373C116.801 9.088 116.515 8.88 116.515 8.464C116.515 8.308 116.558 8.11733 116.645 7.892L117.893 4.616H120.441L119.661 6.826H124.211ZM127.409 5.474L128.475 9.686H126.057L125.043 5.474H127.409ZM137.211 5.552L135.625 9.712H133.233L134.819 5.552H137.211ZM123.067 16.628L122.807 18.89H119.791L119.297 22.894V22.972C119.297 23.2147 119.375 23.336 119.531 23.336L119.739 23.284C120.779 22.92 121.689 22.556 122.469 22.192L122.183 24.766C120.952 25.286 119.73 25.702 118.517 26.014C118.344 26.066 118.17 26.092 117.997 26.092C117.564 26.092 117.226 25.9273 116.983 25.598C116.758 25.286 116.68 24.8527 116.749 24.298L117.399 18.89H114.851L115.111 16.628H117.685L118.023 13.846H115.631L115.891 11.61H123.223L122.963 13.846H120.415L120.051 16.628H123.067ZM134.195 12.884H126.967L126.707 15.068H133.935L134.195 12.884ZM133.701 17.2H126.447L126.187 19.488H133.441L133.701 17.2Z" fill="#6D4CFE"/>
-</svg>

src/components/_base/navbar/components/middle-side/style.scss

@@ -13,7 +13,7 @@
   :deep(.arco-menu) {
     height: 100%;
     .arco-menu-inner {
-      padding: 0 20px;
+      padding: 0 24px;
     }
     .arco-menu-item {
       padding: 0;

src/components/_base/navbar/components/right-side/index.vue

@@ -1,19 +1,22 @@
 <template>
   <div class="right-wrap">
-    <!-- 灵机空间入口 -->
-    <div class="agent-entry" :class="isAgentRoute ? 'agent' : ''" @click="handleAgentClick"></div>
-
     <!-- 任务中心 -->
-    <div class="relative mx-16px" @click="setUnread">
+    <div
+      class="relative p-6px rounded-30px flex items-center justify-center bg-[rgba(255,255,255,0.6)]"
+      @click="setUnread"
+    >
       <SvgIcon
         name="svg-taskCenter"
-        size="16"
+        size="20"
         class="cursor-pointer color-#737478 hover:color-#6D4CFE"
         @click="openDownloadCenter"
       />
-      <div class="w-4px h-4px rounded-50% bg-#F64B31 absolute top-1px right-1px" v-if="hasUnreadInfo"></div>
+      <div class="w-6px h-6px rounded-50% bg-#F64B31 absolute top-6px right-6px" v-if="hasUnreadInfo"></div>
     </div>
 
+    <!-- 灵机空间入口 -->
+    <div class="agent-entry mx-16px" :class="isAgentRoute ? 'agent' : ''" @click="handleAgentClick"></div>
+
     <!-- 头像设置 -->
     <a-dropdown trigger="click" class="layout-avatar-dropdown">
       <a-avatar class="cursor-pointer" :size="32">

src/components/_base/navbar/components/right-side/style.scss

@@ -1,6 +1,5 @@
 .right-wrap {
   display: flex;
-  padding-right: 20px;
   list-style: none;
   align-items: center;
   .agent-entry {

src/components/_base/navbar/index.vue

@@ -1,19 +1,17 @@
 <template>
-  <div class="navbar-wrap">
+  <div class="navbar-wrap px-24px">
-    <div class="left-wrap">
+    <div class="left-wrap flex items-center cursor-pointer" @click="handleUserHome">
-      <div class="h-full flex items-center cursor-pointer" @click="handleUserHome">
+      <img src="@/assets/img/icon-logo.png" alt="" width="96" height="24" />
-        <img src="@/assets/LOGO.svg" alt="" />
-      </div>
     </div>
     <div class="flex-1">
-      <NavbarMenu v-if="!isAgentRoute"/>
+      <MiddleSide v-if="!isAgentRoute" />
     </div>
-    <RightSide :isAgentRoute="isAgentRoute" v-if="userStore.isLogin"/>
+    <RightSide :isAgentRoute="isAgentRoute" v-if="userStore.isLogin" />
   </div>
 </template>
 
 <script setup>
-import NavbarMenu from './components/navbar-menu';
+import MiddleSide from './components/middle-side';
 import RightSide from './components/right-side';
 
 import { useUserStore } from '@/stores';
@@ -29,15 +27,30 @@ const isAgentRoute = computed(() => {
 </script>
 <style scoped lang="scss">
 .navbar-wrap {
+  position: relative;
   display: flex;
   justify-content: space-between;
   height: 100%;
-  background-color: var(--color-bg-2);
+  &::before {
-  border-bottom: 1px solid var(--color-border);
+    width: 100%;
+    height: 100%;
+    background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
+    background-size: cover !important;
+    bottom: 0;
+    content: '';
+    display: block;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: -998;
+  }
+
+  // background-color: var(--color-bg-2);
+  // border-bottom: 1px solid var(--color-border);
   .left-wrap {
     display: flex;
     align-items: center;
-    padding-left: 24px;
   }
   .arco-dropdown-option-suffix {
     display: none;

src/components/container.vue

@@ -17,7 +17,7 @@ const props = defineProps<{
 </script>
 <style scoped lang="scss">
 .container {
-  border: 1px solid var(--BG-300, rgba(230, 230, 232, 1));
+  // border: 1px solid var(--BG-300, rgba(230, 230, 232, 1));
   background: var(--BG-white, rgba(255, 255, 255, 1));
   padding: 16px 24px 20px 24px;
   border-radius: 8px;

src/layouts/Basic.vue

@@ -16,7 +16,7 @@ const router = useRouter();
 const route = useRoute();
 
 useResponsive(true);
-const navbarHeight = `72px`;
+const navbarHeight = `52px`;
 const navbar = computed(() => appStore.navbar);
 const renderMenu = computed(() => appStore.menu && !appStore.topMenu);
 const hideMenu = computed(() => appStore.hideMenu);
@@ -110,37 +110,39 @@ provide('toggleDrawerMenu', () => {
 <style scoped lang="scss">
 $layout-max-width: 1100px;
 
-.layout-navbar {
+.layout {
+  .layout-navbar {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000;
     width: 100%;
     height: $navbar-height;
-}
+  }
-.layout-sider {
+  .layout-sider {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99;
     height: 100%;
     transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
-
+    background: none;
-  &::after {
+    box-shadow: none;
-    position: absolute;
+    // &::after {
-    top: 0;
+    //   position: absolute;
-    right: -1px;
+    //   top: 0;
-    display: block;
+    //   right: -1px;
-    width: 1px;
+    //   display: block;
-    height: 100%;
+    //   width: 1px;
-    background-color: var(--color-border);
+    //   height: 100%;
-    content: '';
+    //   background-color: var(--color-border);
-  }
+    //   content: '';
+    // }
     > :deep(.arco-layout-sider-children) {
       overflow-y: hidden;
     }
-}
+  }
-.menu-wrapper {
+  .menu-wrapper {
     height: 100%;
     overflow: auto;
     overflow-x: hidden;
@@ -160,12 +162,13 @@ $layout-max-width: 1100px;
         background-color: var(--color-text-3);
       }
     }
-}
+  }
-.layout-content {
+  .layout-content {
     min-width: 1366px;
     height: 100%;
     overflow-y: hidden;
-  background-color: $color-background;
     transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+    padding-top: $navbar-height;
+  }
 }
 </style>

src/layouts/Page.vue

@@ -8,7 +8,7 @@ const route = useRoute();
 const routerKey = computed(() => {
   return route.path + Math.random();
 });
-const hideFooter = computed(() => route.meta?.hideFooter);
+// const hideFooter = computed(() => route.meta?.hideFooter);
 /*** - end */
 </script>
 
@@ -20,10 +20,10 @@ const hideFooter = computed(() => route.meta?.hideFooter);
         <component :is="Component" :key="route.fullPath" />
       </keep-alive>
     </transition>
-    <view class="footer" v-if="!hideFooter">
+    <!-- <view class="footer" v-if="!hideFooter">
       <view>闽公网安备 352018502850842号 闽ICP备20250520582号 © 2025小题科技，All Rights Reserved.</view>
       <view>* 数据通过公开渠道获取，灵机进行统计分析</view>
-    </view>
+    </view> -->
   </router-view>
 </template>
 

src/styles/lib/reset.scss

@@ -9,7 +9,10 @@
 
 html,
 body {
-  background: $color-background;
+  height: 100%;
+  width: 100%;
+  padding: 0;
+  margin: 0;
   font-family: $font-family-regular;
   font-size: 14px;
   -webkit-print-color-adjust: exact;
@@ -36,7 +39,7 @@ a {
 
 ::-webkit-scrollbar-thumb {
   height: 10px;
-  background-color: #C9CDD4;
+  background-color: #c9cdd4;
   border-radius: 99px;
   outline-offset: -2px;
 }

src/styles/lib/variable.scss

@@ -1,5 +1,5 @@
 
-$navbar-height: 72px; // 头部高度
+$navbar-height: 52px; // 头部高度
 $sidebar-width: 220px; // 侧边栏菜单宽度
 
 // 汉字字体
@@ -14,7 +14,6 @@ $font-family-manrope-medium: 'Manrope-Medium';
 $font-family-manrope-bold: 'Manrope-Bold';
 $font-family-manrope-semiBold: 'Manrope-SemiBold';
 
-$color-background: #F7F8FA;
 
 $color-primary: #6d4cfe;   // 常规
 $color-primary-5: #8A70FE; // hover

src/styles/vars.scss

@@ -13,6 +13,21 @@
   /* 修改文字/背景色 */
   --arco-text-1: #ed0707 !important; /* 主要文字 */
   --arco-bg-1: #f7f8fa !important; /* 页面背景 */
+  
+  &::before {
+    width: 100%;
+    height: 100vh;
+    background: url('@/assets/img/icon-app-bg.png') center top no-repeat !important;
+    background-size: cover !important;
+    bottom: 0;
+    content: "";
+    display: block;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: -999;
+  }
 }
 
 /* 强制所有组件使用主色 */

src/views/components/dataEngine/hotCloud.vue

@@ -1,10 +1,7 @@
 <template>
   <view>
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
-    <a-space
+    <a-space direction="vertical" class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
-      direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
-    >
       <div class="title-row">
         <span class="title mr-4px">行业词云</span>
         <a-tooltip>

src/views/components/dataEngine/hotTranslation.vue

@@ -4,7 +4,7 @@
     <!-- tabel -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
+      class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">行业热门话题洞察</span>

src/views/components/dataEngine/keyBrandMovement.vue

@@ -5,7 +5,7 @@
     <!-- 重点品牌列表 -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
+      class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">重点品牌列表</span>
@@ -76,7 +76,7 @@
     <!--  舆情 & 敏感动态-->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
+      class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">舆情 & 敏感动态</span>

src/views/components/dataEngine/keyWord.vue

@@ -5,7 +5,7 @@
     <!-- 关键词热度榜 -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-20px"
+      class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-20px"
     >
       <div class="title-row">
         <span class="title mr-4px">关键词热度榜</span>
@@ -74,7 +74,7 @@
     <!-- 行业情绪 -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
+      class="bg-#fff rounded-8px  w-100% py-0 px-20px mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">行业情绪</span>
@@ -128,7 +128,7 @@
     <!-- 新兴关键词 -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px"
+      class="bg-#fff rounded-8px  w-100% py-0 px-20px"
     >
       <div class="title-row">
         <span class="title mr-4px">新兴关键词</span>

src/views/components/dataEngine/topHeader.vue

@@ -3,7 +3,7 @@
     <!-- 头部 -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-20px"
+      class="bg-#fff rounded-8px mb-20px"
       style="background-color: #fff; width: 100%; padding: 24px; color: #737478; font-size: 14px"
     >
       <a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">

src/views/components/dataEngine/userPainPoints.vue

@@ -6,7 +6,7 @@
     <a-space
       direction="vertical"
       style="background-color: #fff; width: 100%; padding: 0 20px"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-24px"
+      class="bg-#fff rounded-8px  mb-24px"
     >
       <div class="title-row">
         <span class="title mr-4px">用户痛点观察</span>

src/views/components/dataEngine/userPersona.vue

@@ -3,7 +3,7 @@
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
     <div class="h-360px w-100% flex mb-24px">
       <!-- 1. 性别分布 -->
-      <div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px w-600px mr-24px">
+      <div class="bg-#fff rounded-8px  w-100% py-0 px-20px w-600px mr-24px">
         <div class="title-row">
           <span class="title mr-4px">性别分布</span>
           <a-tooltip>
@@ -36,7 +36,7 @@
         </div>
       </div>
       <!-- 2. 年龄分布 -->
-      <div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px flex-1 flex flex-col">
+      <div class="bg-#fff rounded-8px  w-100% py-0 px-20px flex-1 flex flex-col">
         <a-space style="display: flex; justify-content: space-between; width: 100%; font-size: 12px">
           <div class="title-row">
             <span class="title mr-4px">年龄分布</span>
@@ -58,7 +58,7 @@
         <div v-else id="age-container" class="w-100% flex-1"></div>
       </div>
     </div>
-    <div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px flex-1 pb-20px">
+    <div class="bg-#fff rounded-8px  w-100% py-0 px-20px flex-1 pb-20px">
       <div class="title-row">
         <span class="title mr-4px">地域分布</span>
         <a-tooltip>

src/views/components/login/index.vue

@@ -15,7 +15,7 @@
           align="center"
           class="w-400 bg-#fff rounded-8px shadow-[0_4px_10px_0_#6D4CFE33] px-40px py-48px"
         >
-          <img src="@/assets/img/LOGO.svg" alt="" class="w-155 h-37 mb-8px" />
+          <img src="@/assets/img/icon-logo.png" alt="" width="96" height="24" class="mb-8px" />
           <span class="text-4 color-#737478">AI营销工具</span>
           <a-form ref="formRef" :model="loginForm" :rules="formRules" auto-label-width class="w-320 mt-48px form-wrap">
             <a-form-item field="mobile" hide-label>

src/views/creative-generation-workshop/explore/detail/index.vue

@@ -9,7 +9,7 @@ import { ENUM_OPINION } from './constants';
 import { handleUserHome } from '@/utils/user.ts';
 import { useUserStore } from '@/stores';
 
-import icon1 from '@/assets/LOGO.svg';
+import icon1 from '@/assets/img/icon-logo.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-confirm.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-line.png';
 
@@ -212,9 +212,9 @@ export default {
       return (
         <div class="explore-page">
           <header class="page-header">
-            <div class="content w-full px-24px flex items-center bg-#fff justify-between">
+            <div class="content w-full px-24px flex items-center justify-between">
               <div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
-                <img src={icon1} alt="" width={130} />
+                <img src={icon1} alt="" width="96" height="24"/>
               </div>
               <div class="flex items-center">{renderActionRow()}</div>
             </div>

src/views/creative-generation-workshop/explore/detail/style.scss

@@ -3,7 +3,7 @@
   padding-top: $navbar-height;
   min-width: 1200px;
   height: 100vh;
-  background: #fff;
+  // background: #fff;
   display: flex;
   flex-direction: column;
   .page-header {
@@ -15,7 +15,21 @@
     min-width: 1200px;
     .content {
       height: $navbar-height;
-      border-bottom: 1px solid var(--Border-1, #d7d7d9);
+      // border-bottom: 1px solid var(--Border-1, #d7d7d9);
+    }
+    &::before {
+      width: 100%;
+      height: 100%;
+      background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
+      background-size: cover !important;
+      bottom: 0;
+      content: '';
+      display: block;
+      left: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+      z-index: -998;
     }
   }
   .cts {
@@ -34,7 +48,7 @@
     flex: 1;
     display: flex;
     justify-content: center;
-    background: #fff;
+    // background: #fff;
     .explore-detail-wrap {
       min-height: 500px;
       width: 684px;

src/views/creative-generation-workshop/explore/list/index.vue

@@ -8,7 +8,7 @@ import { getShareWorksList } from '@/api/all/generationWorkshop';
 import { ENUM_OPINION } from '../detail/constants';
 
 import icon1 from '@/assets/img/error-img.png';
-import icon2 from '@/assets/LOGO.svg';
+import icon2 from '@/assets/img/icon-logo.png';
 
 export default {
   setup(props, { emit, expose }) {
@@ -44,9 +44,9 @@ export default {
       return (
         <div class="explore-page">
           <header class="page-header">
-            <div class="content w-full px-24px flex items-center bg-#fff">
+            <div class="content w-full px-24px flex items-center ">
               <div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
-                <img src={icon2} alt="" />
+                <img src={icon2} alt="" width="96" height="24" />
               </div>
             </div>
           </header>

src/views/creative-generation-workshop/explore/list/style.scss

@@ -2,7 +2,6 @@
   position: relative;
   padding-top: $navbar-height;
   min-width: 1200px;
-  background: #fff;
   .cts {
     font-family: $font-family-regular;
     font-size: 14px;
@@ -22,11 +21,24 @@
     min-width: 1200px;
     .content {
       height: $navbar-height;
-      border-bottom: 1px solid var(--Border-1, #d7d7d9);
+      // border-bottom: 1px solid var(--Border-1, #d7d7d9);
+    }
+    &::before {
+      width: 100%;
+      height: 100%;
+      background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
+      background-size: cover !important;
+      bottom: 0;
+      content: '';
+      display: block;
+      left: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+      z-index: -998;
     }
   }
   .page-wrapper {
-    background: #fff;
     min-height: calc(100vh - $navbar-height);
     .explore-container {
       width: 1200px;

src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="manuscript-check-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  mb-16px">
       <a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
         <a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
         <!-- <template #extra>
@@ -11,7 +11,7 @@
         @reset="handleReset" />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col">
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col">
       <div class="flex justify-end mb-12px"
         v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
         <a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"

src/views/creative-generation-workshop/manuscript-writer/check/index.vue

@@ -215,7 +215,7 @@ export default {
             </div>
           )}
 
-          <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+          <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px ">
             <HeaderCard
               dataSource={dataSource.value}
               selectCardInfo={selectCardInfo.value}

src/views/creative-generation-workshop/manuscript-writer/detail/index.vue

@@ -154,7 +154,7 @@ export default {
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">内容稿件详情</span>
           </div>
-          <div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
+          <div class="flex-1 overflow-y-auto bg-#fff rounded-8px  py-32px">
             <div class="w-684px mx-auto flex flex-col items-center">
               <div class="flex justify-start flex-col w-full">
                 <p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

src/views/creative-generation-workshop/manuscript-writer/edit/index.vue

@@ -99,7 +99,7 @@ export default {
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">编辑内容稿件</span>
           </div>
-          <div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+          <div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px ">
             <EditForm
               ref={formRef}
               formData={dataSource.value}

src/views/creative-generation-workshop/manuscript-writer/list/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="manuscript-list-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  mb-16px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
         <div class="flex items-center">
@@ -15,7 +15,7 @@
       <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col"
     >
       <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-box">

src/views/creative-generation-workshop/manuscript-writer/upload/index.vue

@@ -244,7 +244,7 @@ export default {
 
     return () => (
       <>
-        <div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
+        <div class="manuscript-upload-wrap bg-#fff rounded-8px  flex">
           <div class="left flex-1 overflow-y-auto p-24px">
             <EditForm
               ref={formRef}

src/views/creative-generation-workshop/manuscript/check-list/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="manuscript-check-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  mb-16px">
       <a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
         <a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
         <template #extra>
@@ -11,7 +11,7 @@
         @reset="handleReset" />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col">
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col">
       <div class="flex justify-end mb-12px"
         v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
         <a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"

src/views/creative-generation-workshop/manuscript/check/index.vue

@@ -215,7 +215,7 @@ export default {
             </div>
           )}
 
-          <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+          <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px ">
             <HeaderCard
               dataSource={dataSource.value}
               selectCardInfo={selectCardInfo.value}

src/views/creative-generation-workshop/manuscript/detail/index.vue

@@ -153,7 +153,7 @@ export default {
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">内容稿件详情</span>
           </div>
-          <div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
+          <div class="flex-1 overflow-y-auto bg-#fff rounded-8px  py-32px">
             <div class="w-684px mx-auto flex flex-col items-center">
               <div class="flex justify-start flex-col w-full">
                 <p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

src/views/creative-generation-workshop/manuscript/edit/index.vue

@@ -97,7 +97,7 @@ export default {
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">编辑内容稿件</span>
           </div>
-          <div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+          <div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px ">
             <EditForm
               ref={formRef}
               formData={dataSource.value}

src/views/creative-generation-workshop/manuscript/list/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="manuscript-list-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  mb-16px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
         <div class="flex items-center">
@@ -18,7 +18,7 @@
       <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col"
     >
       <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-box">

src/views/creative-generation-workshop/manuscript/upload/index.vue

@@ -245,7 +245,7 @@ export default {
 
     return () => (
       <>
-        <div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
+        <div class="manuscript-upload-wrap bg-#fff rounded-8px  flex">
           <div class="left flex-1 overflow-y-auto p-24px">
             <EditForm
               ref={formRef}

src/views/property-marketing/brands/brand-materials/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="brand-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+    <div class="filter-wrap bg-#fff rounded-8px ">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">品牌物料</p>
         <div class="flex items-center">
@@ -72,7 +72,7 @@
       </div>
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col"
     >
       <a-table :data="tableData" ref="tableRef" :pagination="false">
         <template #columns>

src/views/property-marketing/media-account/account-dashboard/index.vue

@@ -5,7 +5,7 @@
 
 <template>
   <div class="account-dashboard-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px pb-20px mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  px-24px pb-20px mb-16px">
       <div class="top flex h-64px py-10px justify-between items-center">
         <div class="flex items-center">
           <p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
@@ -27,11 +27,11 @@
         </div>
       </div>
     </div>
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  px-24px py-24px mb-16px">
       <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col"
     >
       <AccountTable
         ref="accountTableRef"

src/views/property-marketing/media-account/account-dashboard/style.scss

@@ -4,7 +4,7 @@
   flex-direction: column;
   .filter-wrap {
     border-radius: 8px;
-    border: 1px solid #e6e6e8;
+    // border: 1px solid #e6e6e8;
     .top {
       .title {
         font-family: $font-family-medium;

src/views/property-marketing/media-account/account-detail/components/account-info/index.vue

@@ -3,7 +3,7 @@
  * @Date: 2025-06-28 12:58:25
 -->
 <template>
-  <div class="account-info-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px mb-16px">
+  <div class="account-info-wrap bg-#fff rounded-8px  px-24px mb-16px">
     <div class="title-row">
       <span class="cts !text-18px !lh-26px title">账号信息</span>
     </div>

src/views/property-marketing/media-account/account-detail/components/note-table/index.vue

@@ -3,7 +3,7 @@
  * @Date: 2025-06-28 12:58:09
 -->
 <template>
-  <div class="note-table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px flex-1 flex flex-col">
+  <div class="note-table-wrap bg-#fff rounded-8px  px-24px flex-1 flex flex-col">
     <div class="title-row">
       <div class="flex items-center">
         <span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>

src/views/property-marketing/media-account/account-manage/components/account-table/style.scss

@@ -6,7 +6,7 @@
   gap: 20px;
   .card-item {
     border-radius: 8px;
-    border: 1px solid var(--BG-300, #e6e6e8);
+    // border: 1px solid var(--BG-300, #e6e6e8);
     background: var(--BG-white, #fff);
     padding: 12px 16px 16px;
     display: flex;

src/views/property-marketing/media-account/account-manage/index.vue

@@ -4,7 +4,7 @@
 -->
 <template>
   <div class="account-manage-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+    <div class="filter-wrap bg-#fff rounded-8px ">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账号管理</p>
         <div class="flex items-center">

src/views/property-marketing/project-manage/project-list/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="project-list-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px mb-16px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">项目列表</p>
         <div class="flex items-center">
           <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAddProjectModal">
             <template #icon>
-              <icon-plus size="16"/>
+              <icon-plus size="16" />
             </template>
             <template #default>添加项目</template>
           </a-button>
@@ -14,9 +14,7 @@
       </div>
       <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
-    <div
+    <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col">
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
-    >
       <ProjectTable
         :dataSource="dataSource"
         @sorterChange="handleSorterChange"

src/views/property-marketing/put-account/account-dashboard/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="account-dashboard-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  pb-24px mb-16px">
       <a-tabs v-model:activeKey="accountType" @tab-click="handleTabClick">
         <a-tab-pane key="1" title="账户"></a-tab-pane>
         <a-tab-pane key="2" title="计划"></a-tab-pane>

src/views/property-marketing/put-account/account-dashboard/style.scss

@@ -17,7 +17,7 @@
 
   .filter-wrap {
     border-radius: 8px;
-    border: 1px solid #e6e6e8;
+    // border: 1px solid #e6e6e8;
 
     :deep(.arco-tabs) {
       .arco-tabs-tab {

src/views/property-marketing/put-account/account-data/index.vue

@@ -4,7 +4,7 @@
 -->
 <template>
   <div class="account-data-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px  pb-24px mb-16px">
       <a-tabs v-model="activeTab" @tab-click="handleTabClick">
         <a-tab-pane key="1" title="账户"></a-tab-pane>
         <a-tab-pane key="2" title="计划"></a-tab-pane>
@@ -26,7 +26,7 @@
       />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px  px-24px py-24px flex-1 flex flex-col"
     >
       <component
         :is="isAccountTab ? BoardTable : PlanTable"

src/views/property-marketing/put-account/account-data/style.scss

@@ -4,7 +4,7 @@
   flex-direction: column;
   .filter-wrap {
     border-radius: 8px;
-    border: 1px solid #e6e6e8;
+    // border: 1px solid #e6e6e8;
     :deep(.arco-tabs) {
       .arco-tabs-tab {
         height: 56px;
@@ -21,7 +21,6 @@
         font-family: $font-family-medium;
         font-style: normal;
       }
-      
     }
     .overview-row {
       .overview-item {

src/views/property-marketing/put-account/account-manage/components/account-table/style.scss

@@ -6,7 +6,7 @@
     gap: 20px;
   .card-item {
     border-radius: 8px;
-    border: 1px solid var(--BG-300, #e6e6e8);
+    // border: 1px solid var(--BG-300, #e6e6e8);s
     background: var(--BG-white, #fff);
     padding: 12px 16px 16px;
     display: flex;

src/views/property-marketing/put-account/account-manage/index.vue

@@ -4,7 +4,7 @@
 -->
 <template>
   <div class="account-manage-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+    <div class="filter-wrap bg-#fff rounded-8px ">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账户管理</p>
         <div class="flex items-center">

src/views/property-marketing/put-account/investment-guidelines/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="guidelines-data-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+    <div class="filter-wrap bg-#fff rounded-8px ">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">投放信息</p>
       </div>

src/views/property-marketing/put-account/investment-guidelines/style.scss

@@ -32,7 +32,7 @@
 
   .filter-wrap {
     border-radius: 8px;
-    border: 1px solid #e6e6e8;
+    // border: 1px solid #e6e6e8;
 
     :deep(.arco-tabs) {
       .arco-tabs-tab {
@@ -129,7 +129,7 @@
     background: var(--BG-white, white);
     overflow: hidden;
     border-radius: 8px;
-    outline: 1px var(--BG-300, #E6E6E8) solid;
+    // outline: 1px var(--BG-300, #E6E6E8) solid;
     outline-offset: -1px;
     flex-direction: column;
     justify-content: flex-start;