update: 滚动条样式抽离复用

main/manager-web/src/views/FeatureManagement.vue

@@ -356,7 +356,9 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+@import '@/styles/global.scss';
+
 .welcome {
   min-width: 900px;
   min-height: 506px;
@@ -427,6 +429,7 @@ export default {
   position: relative;
   display: flex;
   flex-direction: column;
+  overflow: auto;
 }
 
 .content-panel {
@@ -464,7 +467,8 @@ export default {
   display: flex;
   flex-direction: column;
   flex: 1;
-  overflow: hidden;
+  overflow: auto;
+  @include scrollbar-style;
 }
 
 .features-grid {

main/manager-web/src/views/KnowledgeBaseManagement.vue

@@ -709,6 +709,7 @@ export default {
   position: relative;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .operation-bar {

main/manager-web/src/views/VoiceCloneManagement.vue

@@ -363,6 +363,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '@/styles/global.scss';
+
 .welcome {
   min-width: 900px;
   min-height: 506px;
@@ -484,17 +486,7 @@ export default {
   align-content: start;
   min-height: 200px;
   overflow: auto;
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: #a1c9fd;
-    border-radius: 3px;
-  }
-  &::-webkit-scrollbar-track {
-    background: #f0f3fe;
-    border-radius: 3px;
-  }
+  @include scrollbar-style;
 }
 
 .voice-clone-card {