缩放改好-修改样式2

projects/base-core/src/lib/components/sticky-header/sticky-header.component.scss

@@ -18,10 +18,7 @@
     background: #f8fafc; /* 简洁的灰白色背景 */
     border-radius: 0; /* 移除圆角，消除白色边缘 */
     border: 1px solid #e2e8f0; /* 柔和的边框 */
-    box-shadow: 
-      inset 0 2px 4px 0 rgba(0, 0, 0, 0.06), /* 轻微内阴影，创造凹陷感 */
-      inset 0 0 0 1px rgba(255, 255, 255, 0.9), /* 内边缘高光，增强立体感 */
-      0 1px 2px 0 rgba(0, 0, 0, 0.05); /* 轻微外阴影，保持与页面融合 */
+    box-shadow: none; /* 移除所有阴影，与页面完全融合 */
     transition: all 0.3s ease-in-out;
     /* 移除 overflow: hidden，防止内容裁剪 */
     height: 100%; /* 填充父容器高度 */
@@ -64,18 +61,16 @@
     margin-bottom: 0; /* 移除margin，因为现在是fixed定位 */
     transform: none; /* 移除transform层叠上下文 */
     will-change: auto;
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* 外阴影，表示浮动状态 */
+    box-shadow: none; /* 移除外阴影，与页面融合 */
     background-color: transparent; /* 移除白色背景，消除白色边缘 */
     
     .header-content {
       border-radius: 0; /* 移除圆角，消除白色边缘 */
-      box-shadow: 
-        inset 0 2px 4px 0 rgba(0, 0, 0, 0.06),
-        inset 0 0 0 1px rgba(255, 255, 255, 0.9),
-        0 2px 4px 0 rgba(0, 0, 0, 0.1); /* 更强外阴影，强调固定状态 */
-      background: #f1f5f9;
-      border: 1px solid #cbd5e1;
-      margin: 5px; /* 减少外边距，从1rem(16px)改为5px */
+      box-shadow: none; /* 移除所有内外阴影 */
+      background: #f8fafc; /* 恢复默认背景色，与普通状态一致 */
+      border: 1px solid #e2e8f0;
+      border-top: none; /* 移除顶部边框，实现无缝衔接 */
+      margin: 0; /* 移除外边距，贴紧顶部 */
       /* 保持原padding大小 */
       height: 100%; /* 填充父容器高度 */
       min-height: 100%; /* 确保填充最小高度 */
@@ -120,12 +115,10 @@
   &.compact {
     .header-content {
       border-radius: 0; /* 移除圆角，消除白色边缘 */
-      box-shadow: 
-        inset 0 3px 6px 0 rgba(0, 0, 0, 0.08), /* 更强的内阴影，增强凹陷感 */
-        inset 0 0 0 1px rgba(255, 255, 255, 0.8), /* 内边缘高光 */
-        0 1px 3px 0 rgba(0, 0, 0, 0.1); /* 轻微外阴影 */
-      background: #f1f5f9; /* 稍微深一点的背景，强调状态变化 */
-      border: 1px solid #cbd5e1; /* 保持一致的边框 */
+      box-shadow: none; /* 移除所有内外阴影 */
+      background: #f8fafc; /* 恢复默认背景色，与普通状态一致 */
+      border: 1px solid #e2e8f0;
+      border-top: none; /* 移除顶部边框，实现无缝衔接 */
       height: 100%; /* 填充父容器高度 */
       min-height: 100%; /* 确保填充最小高度 */
       flex: 1; /* 填充可用空间 */