缩放改好-修改样式2

src/app/pages/service-register-config/service-register-config.component.scss

@@ -0,0 +1,47 @@
+// 移除所有阴影和间隙，使sticky-header在滚动缩小后与浏览器无缝衔接
+::ng-deep app-sticky-header {
+  &.locked {
+    box-shadow: none !important;
+    background-color: transparent !important;
+    
+    .header-content {
+      box-shadow: none !important;
+      margin: 0 !important; // 移除5px间隙
+      border-top: none !important; // 移除顶部边框
+      border-radius: 0 !important; // 确保无圆角
+    }
+  }
+  
+  &.compact {
+    .header-content {
+      box-shadow: none !important;
+      border-top: none !important;
+      border-radius: 0 !important;
+    }
+  }
+}
+
+// 调整内容区域顶部间隙
+:host {
+  ::ng-deep .content-area > div {
+    padding-top: 0 !important; // 移除默认的5px顶部间隙
+  }
+  
+  // 确保sticky-header与内容无缝衔接
+  ::ng-deep app-sticky-header {
+    margin-bottom: 0 !important;
+    
+    .sticky-header {
+      top: 0 !important;
+    }
+    
+    &.locked {
+      top: 0 !important;
+      
+      .header-content {
+        border-top-width: 0 !important;
+        border-bottom: 1px solid #e2e8f0 !important; // 保留底部边框
+      }
+    }
+  }
+}